@charset "utf-8";
/* CSS Document */

body{
	font-family:ＭＳ Ｐゴシック, Osaka;
	font-size:80%;
	margin:0;padding:0;
	text-align:center;
	background-color:#d4d4d4;

}

img{
	border:none;
	vertical-align:baseline;
}


table{
	font-size:100%;
}


strong{color:#000000;}
b{color:#ff0000;}

p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6{margin:0;padding:0}
.fr{float:right;}
.fl{float:left;}
.cb{clear:both;}


.clear{clear:both;font-size:0;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix + *{
    clear: both;
}



.3column-ul{

}

.table{width:98%;margin:15px auto;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-collapse:collapse;}
.table th{padding:5px;background-color:#eee;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.table td{padding:5px;border-left:1px solid #ccc;border-top:1px solid #ccc;}

.price{width:629px;margin:15px auto 15px 11px !important;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-collapse:collapse;}
.price th{padding:5px;width:200px;background-color:#ccc;border-left:1px solid #ccc;border-top:1px solid #ccc;color:#000;}
.price td{padding:5px;border-left:1px solid #ccc;border-top:1px solid #ccc;}



/*.detail{background:url(/img/common/arrow.gif) no-repeat; padding-left:5px;}
*/





/*-------------------------------------------------------------------
 *
 * container
 *
 *-------------------------------------------------------------------*/

#container{
	position: relative;
	text-align: left;
	width: 850px;
	margin:6px auto 0 auto;
	padding: 0 10px;
	background: #fff;
	line-height:1.5em;
	font-size:80%;
}
/* for IE */
* html #container{
	width:870px;
}


/*-------------------------------------------------------------------
 *
 * summary
 *
 *-------------------------------------------------------------------*/
 #summary{
	background-color:#d4d4d4;
	text-align:left;
	margin:0 -10px 0 -10px;
	padding:0 0 4px 0;
	color:#999;

}
/* for IE */
* html #summary{
	width: 870px;
}	


#summary h1{
	font-size:12px;
	display:inline;
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 5px;
	padding:0px 0 0 5px;
	float: left;
}


#summary p{
	font-size:12px;
	display:inline;
	margin:0 0 0 12px;
	padding:0px 0 0 0;
}






/*-------------------------------------------------------------------
 *
 * header
 *
 *-------------------------------------------------------------------*/
#header{
	padding:0px 0 0 0;
}
#header-content{
	background:url(/img/common/header_bg.gif) no-repeat left top;
	margin-left:-10px;
	margin-top:0px;
	padding:37px 0 0 0;
}
#header #logo{

	float:left;
	padding:7px 0 0 20px;

}

/*
#header #logo{
	background:url(/img/common/header_bg.gif) no-repeat left top;

	float:left;
	padding:5px 0 0 10px;

}
*/
#header #tel{
	float:right;
	padding:2px 5px 1px 0px;
}

#header #global-navi{
	clear:both;margin: 10px 0 0 0; padding: 0;
}
#header #global-navi li { display: inline; }
#header #global-navi li a { float: left; width: 170px; height: 0px; padding-top: 45px;text-indent:-1000px; overflow: hidden; }

/* IE6 */
*html #header #global-navi li a {padding-top: 0px;height:45px;}


#header #global-navi li a{background-image:url(../img/common/100301gloval_navi.jpg);background-repeat: no-repeat; }

#header #global-navi li#gn-home a { background-position: 0 0; }
#header #global-navi li#gn-service a { background-position: -170px 0; }
#header #global-navi li#gn-faq a { background-position: -340px 0; }
#header #global-navi li#gn-corporate a { background-position: -510px 0; }
#header #global-navi li#gn-inquiry a { background-position: -680px 0; }

#header #global-navi li#gn-home a:hover { background-position: 0 -50px; }
#header #global-navi li#gn-service a:hover { background-position: -170px -100px; }
#header #global-navi li#gn-faq a:hover { background-position: -340px -150px; }
#header #global-navi li#gn-corporate a:hover { background-position: -510px -200px; }
#header #global-navi li#gn-inquiry a:hover { background-position: -680px -250px; }













#header #separator{
	/*background:url(../img/common/topicPath_bg.gif) repeat-x;*/
	padding:15px 0 5px 0;
}


#header #separator #topic-path{
	padding:5px 0 5px 10px;
	float:left;
}
#header #separator #topic-path strong{
	font-weight:400;
}
#header #separator #font-changer{
	padding:5px 10px 0px 0;
	float:right;

}




/*-------------------------------------------------------------------
 *
 * main-section
 *
 *-------------------------------------------------------------------*/
#main-section{
	clear:both;
	padding:0 0px;
	margin:10px 0 0 0;
	
}




/*-------------------------------------------------------------------
 *
 * content
 *
 *-------------------------------------------------------------------*/
#main-section #content{
	float:left;
	width: 640px;
}
/*#main-section #content h2{
	margin:0px 0 0px 0;
	background:url(/img/common/h_bg.gif) no-repeat;
	padding:0px 0 0 40px;
	line-height:36px;
	height:34px;
	font-size:135%;
	color:#ffffff;
}*/

#main-section #content h2{
	margin: 0px 0 20px 0px;
	padding: 1px 0 0px 24px;
	line-height:44px;
	height:44px;
	font-size: 25px;
	font-weight: 400;
	background:url(/img/common/h_bg.gif) no-repeat;
}




#main-section #content h3{
	margin:20px 0 20px 0;
	background:#efefef;
	padding:0.5em 0 0.4em 5px;
	font-size:120%;
	color:#333;
	border-left:7px solid #3075FF;
}

#main-section #content h4{
	margin:20px 0 20px 11px;
	padding:2px 0 2px 5px;
	border-left:5px solid #999;
	border-bottom:1px dotted #999;
}
#main-section #content h5{
	margin:10px 0 10px 0;
}


#main-section #content p{
	margin:20px 10px 20px 10px;
	line-height:1.8;

}
#main-section #content table{
margin-left:10px;
}

#main-section #content dl{
	margin:25px 10px 0 10px;
}
#main-section #content dt{
	font-weight:bold;
	color:#3075ff !important;
	font-size:110%;
}
#main-section #content ul{
	margin:20px 0 20px 30px;
	line-height:1.8;
}

#main-section #content .box{
	border:1px solid #ccc;
	padding:8px 8px;
	margin-left:10px;
	line-height:2;
}

#main-section #content .wbox{
	width:600px;
	margin-left:10px;

}
#main-section #content .wbox .wbox-image{
float:left;
width:260px;


}
#main-section #content .wbox .wbox-comment{
float:right;
width:340px;
}

#main-section #content .wbox .wbox-comment p{
margin:15px 0 20px 0px;
}
#main-section #content .wbox .wbox-comment h4{
margin-top:5px;
}
#main-section #content #footer-banner{
	border-top:1px dashed #ccc;
	padding:50px 0 0 0;
	margin-left:10px;
	margin-top:50px;
	text-align:center;
}



/*-------------------------------------------------------------------
 *
 * side-bar
 *
 *-------------------------------------------------------------------*/
 
#main-section #side-bar p{
	margin:10px 0;
	line-height:1.4;
}
 
#main-section #side-bar{
	float:right;
	width: 200px

}

#main-section #side-bar .box{
	margin-top:10px;
}
#main-section #side-bar .box ul{
/*	margin-left:20px;
	line-height:2.1;*/
}

#main-section #side-bar .content{
	border:1px solid #ccc;
	padding:10px;
}


#main-section #side-bar #side-service ul{
	line-height:2.1em;
	margin-left:4px;
	list-style-type:none;
}
#main-section #side-bar #side-service li{
	padding:0 0 0 15px;
	background:url(../img/common/arrow.gif) no-repeat 0px center;
}






#main-section #side-bar strong{
	font-weight:400;
	/*background-color:#eee;*/
}

#main-section #side-bar #side-info ul{
	line-height:2.1em;
	margin-left:4px;
	list-style-type:none;
}
#main-section #side-bar #side-info li{
	padding:0 0 0 15px;
	background:url(../img/common/arrow.gif) no-repeat 0px center;
}

#main-section #side-bar #side-area{
	background:url(/img/common/side_area_image.gif) no-repeat center 9em;
}
#main-section #side-bar #side-area p{
	margin:0;
}

#main-section #side-bar #side-area dl{
	line-height:1.5;
	margin:6.5em 0 0 0;
}
#main-section #side-bar #side-area dt{
	color:#999;
	font-weight:bold;
		padding-top:5px;

}
#main-section #side-bar #side-area dd{
	display:inline;
	color:#999;
}
#main-section #side-bar #side-area ul{
	line-height:1.5;
}
#main-section #side-bar #side-area li{
	display:inline;
	color:#999;
	padding:0 2px 0 0;
	border-right:1px solid #999;
}










/*
#main-section #side-bar #side-list{
	background:url(../img/common/side_menu_bg.gif) repeat-y;
	border-bottom:1px solid #ccc;
}
#main-section #side-bar #side-list dt img{
vertical-align:bottom;
}


#main-section #side-bar #side-list .box{
	padding:10px;
}



#main-section #side-bar #side-list #side-menu a{
	text-decoration:none;
	color:#000;
	display:block;
	background:url(../img/common/arrow.gif) no-repeat 10px center;
	padding:10px 0 10px 25px;

}
#main-section #side-bar #side-list #side-menu a:hover{
	background:url(../img/common/arrow.gif) no-repeat 10px center #eee;
}

#main-section #side-bar #side-list #side-menu{


}
#main-section #side-bar #side-list #side-menu ul{
	line-height:1;
	list-style-type:none;
	padding:0px 1px 0px 1px;
}

#main-section #side-bar #side-list #side-menu li{
	padding:0px 0px 1px 0px;

	background:url(../img/common/side_menu_separator.gif) no-repeat center bottom #fff;
}

#main-section #side-bar #side-list #side-menu .last{
	background:none;
	padding:0;
}
*/
/* ie6 */
/*
*html #main-section #side-bar #side-list #side-menu .last{
	padding:0px 0px 1px 0px;
}










#main-section #side-bar #side-list #side-designer{
	padding:5px 5px 5px 5px;
	text-align: center;
}
#main-section #side-bar #side-list #side-designer p img{
	margin-right:5px;
}




#main-section #side-bar #side-list #side-area{
background:url(/img/common/side_area_image.gif) no-repeat center 7em;
}
#main-section #side-bar #side-list #side-area p{
margin:0;
}

#main-section #side-bar #side-list #side-area dl{
margin:6.5em 0 0 0;
}

#main-section #side-bar #side-list #side-area dt{
	color:#999;
	font-weight:bold;
		padding-top:5px;

}
#main-section #side-bar #side-list #side-area dd{
	display:inline;
	color:#999;
}
#main-section #side-bar #side-list #side-area li{
	display:inline;
	color:#999;
	padding:0 2px 0 0;
	border-right:1px solid #999;
}



*/



/*-------------------------------------------------------------------
 *
 * footer
 *
 *-------------------------------------------------------------------*/
 

 #footer-navi {
	clear:both;
	margin:18px 0 3px 0;
	text-align: left;
}
#footer-navi li {  
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	padding:0 10px;
	/*width: 130px;*/
	border-right:1px solid #000;
}
#footer-navi .last{border:none;}
* html #footer-navi li{  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
*+html #footer-navi li {  
	display: inline;
	margin-right: 3px;
	zoom: 1;
}
#footer-navi li a {
	display: block;
}

 
 
 
 
#footer{

	clear: both;
	margin:10px 0 0 0;
	padding: 20px 0 0px 0;
	background: url(../img/common/footer_bg.jpg) center 0px repeat-x #fff;
	line-height:1.5em;
}


#footer #footer-ci{
	float:left;
	width:550px;
}
#footer #footer-ci #s-logo{margin-left:4px;}
#footer #footer-ci p{
	margin: 6px 0px 0px 5px;
	padding: 0 0 0px 0;
}
#footer #footer-info{
	float:right;
	width:300px;

	text-align: right;
	padding: 0 0 0 0;
}
#footer #footer-info ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

#footer #footer-info img{
	margin-bottom:12px;
}







