/* CSS Document */
body {
	margin: 0px;
	font-size:80%;
	color: #333333;
	background-color: #FFFFFF;
	background-image:url(../image/headar2.gif);
	background-repeat:no-repeat;
	background-position:top center;
}
a:link {
	color: #006600;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #006600;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: underline;
	color: #FF0000;
}
h1, h2, h3, h4, h5, h6, p, ul, li, form{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}
/*---------------------------------------- layout --*/
#header{
	padding-top:0px;
	width: 780px;
	margin: 0 auto;
	height: 115px;
}
#container{
	width:100%;
	margin:20px auto;
	clear: both;
}
#contents{
	width:780px;
	margin:0 auto;
	clear: both;
}
#main{
	width:560px;
	padding:0px;
	float:right;
	clear: both;
}
#side{
	width:200px;
	padding:0px;
	float:left;
}
#footer{
	clear: both;
	background-image: url(../image/footer.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	text-align:center;
}
#ad{
    text-align:center;
}
/*---------------------------------------- header --*/
.logo{
	width:360px;
	float:left;
	margin-top:10px;
}
.logo img{
	margin-bottom:10px;
}
.logo h1{
	color:#7e7e7e;
	font-size:11px;
	padding:5px;
	font-weight:normal;
}
.topMenu{
	padding:0px;
	width:413px;
	float:right;
}
ul.menu1{
	height:16px;
	width:320px;
	margin-left:100px;
	font-size:12px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	background-image:url(../image/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
ul.menu1 a:link{text-decoration:none; color: #666;}
ul.menu1 a:visited {text-decoration: none; color:#7e7e7e;}
ul.menu1 a:hover {text-decoration:none;color: #FF6600;}
ul.menu1 a:active {text-decoration:none;color: #FF0000;}

.menu1 li{
	padding:0 3px 0 3px;
	display:inline;
	border-left:solid 1px #666666;
}
.menu1 li.last{
	border-right:solid 1px #666666;
}
ul.menu2{
	margin-top:8px;
	height:29px;
	_background-color:none;
}
.menu2 li{
	display:inline;
}
.menu2 li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
ul.menu3{
	margin-top:55px;
	height:29px;
	_background-color:none;
	text-align:right;
}
.menu3 li{
	display:inline;
}
.menu3 li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
/*---------------------------------------- topicpath --*/
.topicpath {
	clear: both;
	margin:10px 0 15px;
	padding:0;
	border-top:solid 1px #eeeeee;
	background-image: url(../image/headar_b.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #eeeeee;
}
.topicpath p{
	width:780px;
	margin:0 auto;
	padding:0 0 13px;
	font-size:80%;
}
.topicpath a:link,
.topicpath a:visited,
.topicpath a:hover,
.topicpath a:active {
	text-decoration: underline;
	color: #333333;
}
/*---------------------------------------- main --*/
.pagetop{
	margin:5px 0 15px;
	padding:5px 0 5px;
	text-align:right;
	font-size:85%;
	clear: both;
}
.pagetop a{
	margin:0;
	padding:0 0 5px 15px;
	background-image: url(../image/icon5.gif);
	background-repeat:no-repeat;
}

h2.title-g{
	margin:0 0 15px 0px;
	padding:0  24px 0;
	background-image:url(../image/ber.gif);
	background-repeat:no-repeat;
	font-size: 14px;
	line-height: 30px;
}
h2.title-b{
	margin:0 0 15px;
	padding:0 24px 0;
	background-image:url(../image/ber_p.gif);
	background-repeat:no-repeat;
	font-size: 14px;
	line-height: 30px;
}
h2.title-r{
	margin:0 0 15px;
	padding:0  24px 0;
	background-image:url(../image/ber_c.gif);
	background-repeat:no-repeat;
	font-size: 14px;
	line-height: 30px;
}

.textBox{
	margin:0px 10px 30px;
	clear: both;
}
.textBox p{
	margin:0 0 10px;
	line-height:1.3em;
}
.textBox2{
	margin:0 0 30px;
	clear: both;
}
.textBox3{
	margin:0px 0px 20px 0px;
	clear: both;
}
.textBox4{
	margin:0px 10px 30px;
	clear: both;
}
.textBox5{
	margin:0px 0px 10px 0px;
}
.textBox6{
    width:500px;
	margin:0px 0px 0px 30px;
	padding:0px 10px 10px 10px;
	font-size:12px;
}
.textBox6 p{
	margin:0 0 10px;
	line-height:1.3em;
}

/*---------------------------------------- side --*/
.sideMenu1{
	margin:0 0 10px;
	padding:0 0 0px;
	width:200px;
	text-align: center;
}
.sideMenu1 a:hover img{
    opacity:0.8;
	filter: alpha(opacity=80);
}
.sideMenu1 form{
	padding:5px;
	border-left:solid 1px #c02205;
	border-right:solid 1px #c02205;
}
.sideMenu1 input{
	margin:3px 0 3px;
	vertical-align:middle;
}
.sideMenu1 p.icon1{
	margin-top:3px;
	padding-left:15px;
	background-image:url(../image/icon1.gif);
	background-repeat:no-repeat;
	text-align:left;
}
}
.sideMenu2{
	margin:0 0 5px;
	padding:0 0 6px;
	width:200px;
	background-image:url(../image/menu_d2.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.sideMenu2 ul{
	border-left:solid 1px #5568ad;
	border-right:solid 1px #5568ad;
}
.sideMenu2 li{
	margin:0;
	padding:0;
	list-style:none;
	background-image:url(../image/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.sideMenu2 a{
	margin:0;
	padding:5px 5px 0 24px;
	height:25px;
	display:block;
	background-image:url(../image/icon2.gif);
	background-repeat:no-repeat;
}
.sideMenu2 a:link, .sideMenu2 a:visited{
	color: #333333;
	text-decoration: none;
}
.sideMenu2 a:hover, .sideMenu2 a:active{
	text-decoration: none;
	background-color: #adbcea;
}

.sideMenu3{
	margin:0 0 5px;
	padding:0 0 6px;
	width:200px;
	background-image:url(../image/menu_d3.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.sideMenu3 ul{
	border-left:solid 1px #a64949;
	border-right:solid 1px #a64949;
}
.sideMenu3 li{
	margin:0;
	padding:0;
	list-style:none;
	background-image:url(../image/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.sideMenu3 a{
	margin:0;
	padding:5px 5px 0 24px;
	height:25px;
	display:block;
	background-image: url(../image/icon3.gif);
	background-repeat:no-repeat;
}
.sideMenu3 a:link, .sideMenu3 a:visited{
	color: #333333;
	text-decoration: none;
}
.sideMenu3 a:hover, .sideMenu3 a:active{
	text-decoration: none;
	background-color: #e1b4b3;
}

.sideMenu4{
	margin:0 0 15px;
	padding:0 0 6px;
	width:200px;
	background-image:url(../image/menu_d4.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.sideMenu4 form{
	padding:5px;
	border-left:solid 1px #8cc329;
	border-right:solid 1px #8cc329;
}

.sideMenu5{
	margin:0 0 15px;
	padding:0 0 6px;
	width:200px;
	background-image:url(../image/menu_d4.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
.sideMenu5 ul{
	border-left:solid 1px #8cc329;
	border-right:solid 1px #8cc329;
}
.sideMenu5 li{
	margin:0;
	padding:0;
	list-style:none;
	background-image:url(../image/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.sideMenu5 a{
	margin:0;
	padding:5px 5px 0 24px;
	height:40px;
	display:block;
	background-image: url(../image/icon4.gif);
	background-repeat:no-repeat;
}
.sideMenu5 a:link, .sideMenu5 a:visited{
	color: #333333;
	text-decoration: none;
}
.sideMenu5 a:hover, .sideMenu5 a:active{
	text-decoration: none;
	background-color: #edfcbf;
}
/** Added by S-cubism */
div.sideMenuGS {
    text-align: center;
}
/*----------------------------------------  --*/

.affi h4{
	margin: 10px 0 10px;
	clear: both;
}
.affi{
font-size:12px;
line-height:1.5em;
}
.affi p{
margin:0px 0px 20px 0px;
padding:5px 0px 0px 10px;
}
.affi li{
	line-height:1.5em;
	display: inline;
	margin: 0 25px 0 0;
	list-style: none;
}
.button{
	margin:20px 10px 20px;
	clear: both;
}
.left{
	float:left;
	margin: 0 10px 10px 0;
}
.right{
	float:right;
	margin: 0 0 10px 10px;
}
/*----------------------------------------  --*/
ul.listIcon{
	margin:20px 20px 0;
}
.listIcon li{
	padding:0 0 10px 18px;
	list-style: none;
	background-image: url(../image/icon6.gif);
	background-repeat: no-repeat;
}

.buttonFL{
	margin:0 10px 0px;
	padding:35px 0 10px 0;
	display:block;
	width: 200px;
	float: left;
}
.buttonFR{
	margin:0 0 0px;
	padding:35px 0 0 0px;
	display:block;
	width: 200px;
	float: right;
}
.buttonCEN{
	margin:20px 0 20px 130px;
	padding:20px 0 20px 68px;
	display:block;
	width: 200px;
	float:none;
}
/*----------------------------------------  --*/
.boxR{
	margin:0 0 10px 0;
	padding:0 0 10px 46px;
	background-image: url(../image/box_sita.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	clear: both;
}
.boxRin{
	margin:10px 0 0 0;
	padding:15px 0 15px;
	background-image:url(../image/box_ue.gif);
	background-repeat:no-repeat;
}
.boxRin p{
	margin:0;
	padding:5px 10px 5px;
	background-image:url(../image/box_bg.gif);
	background-repeat:repeat-y;
	line-height: 1.3em;
}
.boxRya{
    text-align:center;
}
.boxR2{
	margin:0 10px 10px 0;
	padding:0 0 10px;
	background-image: url(../image/box_sita2.gif);
	background-repeat: no-repeat;
	background-position:right bottom;
}
.boxR2in{
	margin:10px 0 0 10px;
	padding:15px 0 15px;
	background-image:url(../image/box_ue2.gif);
	background-repeat:no-repeat;
}
.boxR2in p{
	margin:0;
	padding:5px 25px 5px;
	background-image:url(../image/box_bg2.gif);
	background-repeat:repeat-y;
	line-height: 1.3em;
	font-size:12px;
}

.boxR3{
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	clear: both;
}
.box dl dt {
	float: left;
	width: 5em;
	margin: 0px 0px 13px 10px;
	padding: 0;
}

.box dl dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 10px;
	line-height: 120%;
	font-size:12px;
}


/*----------------------------------------  --*/
.clic01{
	margin:0;
	padding:10px;
	border:solid 1px #1a3390;
	border-top:none;
	background-image:url(../image/clic04.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.clic01 li{
	margin:0 25px 10px;
	font-size:150%;
	font-weight:bold;
}
.clic02{
	margin:0;
	padding:10px;
	border:solid 1px #901a1a;
	border-top:none;
	background-image:url(../image/clic05.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.clic02 li{
	margin:0 25px 10px;
	font-size:150%;
	font-weight:bold;
}
.clic03{
	padding:0px 10px 0px;
	margin: 0 10px 20px 10px;
	border:solid 1px #8cc229;
}
.clic03 p{
	margin:5px 0 5px;
	font-size:12px;
	line-height:1.3em;
}
.clic04{
	width: 238px;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	background-color:#eee;
	border:solid 1px #ccc;
	border-top:none;
	float: left;
	font-size:10px;
}
.clic05{
	width: 238px;
	margin: 0;
	padding: 10px;
	background-color:#eee;
	border:solid 1px #ccc;
	border-top:none;
	float: right;
	font-size:10px;
}
/*----------------------------------------  --*/
ol.flow_c{
	margin: 0 10px 0;
	padding:0
}
ol.flow_c li{
	margin:0;
	padding:0;
	list-style: none;
	background-image: url(../image/step_bg.gif);
	background-repeat:no-repeat;
	background-position: center right;
	width: 152px;
	float: left;

}
ol.flow_c li.last{
	width: 82px;
}
ol.flow_p{
	margin: 0 10px 0;
	padding:0
}
ol.flow_p li{
	margin:0;
	padding:0;
	list-style: none;
	background-image: url(../image/step_bg.gif);
	background-repeat:no-repeat;
	background-position: center right;
	width: 114px;
	float: left;

}
ol.flow_p li.last{
	width: 82px;
}
.flow01{
	margin:20px 0 0;
	padding:5px;
	border:solid 1px #CCCCCC;
}
.flow01 h3{
	background-image: url(../image/flow01.gif);
	background-repeat:repeat-x;
}
.flow01 p.test{
	margin: 0 10px 10px;
	line-height: 1.3em;
}
.flow01 p.photo{
	margin: 0 0px 10px;
}
.flow01 p.photo img{
	float:right;
}
.flow01 p.buttonF{
	margin: 15px;
	text-align: center;
}
/*----------------------------------------  --*/
ul.plicy00 {
	margin:20px;
	padding:0;
}
ol.plicy01 {
	margin: 20px 25px 20px;
	padding:0;
}

ul.plicy00 li, ol.plicy01 li{
	margin-bottom:10px;
	padding:0;
}

p.plicy02{
	color:#006600;
	font-weight:bold;
	font-size:12px;
	margin-bottom:5px;
	margin-top:20px;
}
/*----------------------------------------  --*/
ol.feature_p{
	margin: 0 10px 0;
	padding:0
}
ol.feature_p li{
	margin:0;
	padding:0;
	list-style: none;
	width: 114px;
	float: left;

}
ol.feature_p li.last{
	width: 82px;
}
/*----------------------------------------  FAQ*/
.faqMenu1{
	margin:0 0 30px 10px;
	padding:0 0 6px;
	width:560px;
}

ul.faqMenu1 ul { 
padding: 100px; 
margin: 0; 
list-style-type: none; 
} 

.faqMenu1 li { 
float: left; 
width: 150px; 
margin-right: 5px; 
padding: 5px; 
text-align: center; 
} 

.tabContainer {
	width: 560px;
	margin:5px 0px 0px 0px;
}

/* Q&A */
.tabContainer dl {
	clear: both;
	width: 510px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 10px;
}

/* Q */
.tabContainer dl dt {
	margin: 0px 0px 5px 0px;
	padding:5px 0px 5px 25px;
	background: url(../image/qa/q.gif) no-repeat #F4F4F4 left;
}

/* A */
.tabContainer dl dd {
	margin: 5px;
	padding: 5px 5px 5px 25px;
	background: url(../image/qa/a.gif) no-repeat 3px 5px #ECF5D2;
	line-height:18px;
}
/*----------------------------------------  knowhow*/
.knowhow{
	margin:10px 0 0 10px;
	padding:5px;
}
.knowhow h3{
	font-size:100%;
	margin-bottom:10px;
}
.knowhow p{
	font-size:12px;
	line-height:140%;
}
.knowhow img{
	margin:0 5px 5px 0;
	float: left;
}
.knowhow img_r{
	margin:0 5px 5px 0;
	float: left;
}

/*----------------------------------------  FAQ*/
.serv{
	margin:20px 0 0 0px;
	padding:10px;
}
.serv p{
	font-size:100%;
}
.serv img{
	margin:0px 10px 0px 0px;
	float: left;
}
/*----------------------------------------  company*/
.comtable {
        font-size: 80%;
        color: #666666;
        width: 520px;
		margin-left:20px;
        margin-bottom: 30px;
        border: 1px solid #CCCCCC;
        border-collapse: separate;
        border-spacing: 1px;
}
.comtable th {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #E1E2E6;
}
.comtable td {
        padding: 5px;
        border-right: 1px solid #CCCCCC;
        border-bottom: 1px solid #CCCCCC;
        background-color: #EFF2F3;
}
.comtable p {margin:10px 0 5px 0;
        font-size:12px;
        line-height:120%;
}
/*---------------------------------------- sitemap --*/
.sitemap{
	margin:0 0 5px 15px;
	padding:0 0 6px;
	width:300px;
	font-size:12px;
}
.sitemap ul{
	margin:10px 0px 0px 30px;
	padding:0px 0px 0px 30px;
	background-image: url(../image/icon6.gif);
	background-repeat:no-repeat;

}
.sitemap li{
	margin:0px 0px 5px 50px;
	padding:0px 0px 5px 0px;
	list-style:none;
	background-image:url(../image/dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
.sitemap p{
	margin:0px 0px 0px 40px;
	padding:0px 0px 0px 0px;
	list-style:none;
	line-height:150%;
}
.sitemap a{
	margin:0;
	padding:0px 5px 0 0px;
	height:10px;
	display:block;
}

/*----------------------------------------------------
	GMO共通ヘッダー(トップ・下層共通)
----------------------------------------------------*/

ul#gmo-Nav {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background-color:#EFF0F2;
	padding:6px 5px 7px 5px;
	margin:0px 0px 0px 0px;
}
ul#gmo-Nav:after { /*clearFix*/
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
ul#gmo-Nav li {
	float: left;
	font-size: 12px;
	list-style:none;
}
ul#gmo-Nav li a {
	margin-right: 12px;
	color: #0000CC;
	text-decoration: underline;
}
ul#gmo-Nav li a:hover {
	text-decoration: none;
}
p#gmo-logo {
	position: absolute;
	top: 0;
	left:900px;
	right: 7px;
	background-color:#EFF0F2;
	margin:0px 0px 0px 0px;
}
/*----------------------------------------------------
	tagline(トップ・下層共通)
----------------------------------------------------*/
p#tagline {
	position: absolute;
	top: 35px;
	left: 12px;
	color: #FFF;
	font-size: 10px;
}

/*----------------------------------------------------
	headNav(トップ・下層共通)
----------------------------------------------------*/
ul#headNav {
	position: absolute;
	top: 55px;
	right: 7px;
}
ul#headNav:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
ul#headNav li {
	float: left;
}