/*
clearfix	{overflow: hidden; position:relative;}
hidetext	{text-indent:-9999px; overflow:hidden;}
transparency{filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
hr			{border:0 none; height:1px; color:#CCC; background-color:#CCC; margin:30px 0px}
*/

/****************************************
 レイアウト
 ****************************************/
div#outline{
/*@900*/ width:900px; background:#FFF;
margin:0px auto; padding:0;
}

div#global {
/*@900*/ width:900px; height:50px;
background:url(../images/global_bg.jpg) no-repeat;
margin:0px auto; padding:0;
}
div#global p {float:left}
div#global p a {text-indent:-9999px; overflow:hidden;
display:block; height:50px; width:325px;}
div#global p a:hover {background:#FFF;
filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
}
div#global ul {float:right; width:490px;}
div#global li a {float:left; text-indent:-9999px; overflow:hidden;
display:block; height:35px; width:100px;}
div#global li a:hover {background:#FFF;
filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;
}

div#contents {padding:20px}

div.footer {
background:#303030; color:#FFF;}

div.footer p {
width:900px; margin:0px auto; padding:1em 0;}

div.footer p a {color:#FFF;}
div.footer p a:hover {color:#CCC;}

/****************************************
 ヘッダー
 ****************************************/

h1 {text-indent:-9999px; overflow:hidden;}

h1 {
width:900px; height:400px;
background:url(../images/top_h2.jpg) no-repeat;}

/****************************************
 共通
 ****************************************/

p.dummy {background:#EFEFEF; padding:30px; color:#AAA; height:300px}

div#contents h2 {margin:0 0 10px;}
div#contents h3 {margin:60px 0 15px;}


div.contact {
height:100px/*100*/; width:860px/*860*/; margin:30px auto 30px;
padding:0px 0px 0 0;
background:url(../images/contact.jpg) no-repeat;}
div.contact a {
text-indent:-9999px; overflow:hidden;
display:block; width:203px; height:70px;
margin:15px 0 0 365px;}
div.contact a:hover {
background:#FFF; filter: alpha(opacity=20); -moz-opacity:0.20; opacity:0.20;}

/****************************************
 top
 ****************************************/
 
table.intro {width:100%; margin-top:15px}
table.intro td {text-align:center; width:50%}

div.intro2 {}
div.intro2 table {margin-top:15px; background:#EFEFEF}
div.intro2 td, div.intro2 li {font-size:14px; line-height:150%}
div.intro2 td {padding:5px}

table.flow {width:720px; margin:0 auto}
table.flow td {}
table.flow td.pic {width:210px;padding-bottom:1em}
table.flow td.arrow {width:40px;text-align:center;vertical-align:middle}

div.makers div.m-title {background:#F3E965; font-weight:bold; padding:0 4px; color:#330001; margin-bottom:15px}
div.makers h4 {border:1px solid #A3BBBF; font-weight:bold; padding:0 4px; color:#330001}
div.makers p {margin-bottom:15px}

table.voice td, table.voice th {padding:5px;}
table.voice td {width:50%; }
table.voice th {font-style:italic; font-size:12px; background:#EFEFEF}

/****************************************
 top
 ****************************************/
 
table.company {width:700px; margin:30px auto 0}
table.company th, table.company td {padding:5px; border:5px solid #FFF}
table.company th {background:#EEE; width:200px;}
table.company td {width:500px; }