@charset "shift-jis";

/*====================================================================

level2.css

======================================================================

	01.common elements

last update 08/12/05

====================================================================*/

/*--------------------------------------------------------------------/
	01.common elements
/--------------------------------------------------------------------*/
#contents_wrapper{
	background-color:#ffffff;
	width:700px;
	padding:10px 0;
	margin:0 10px;
}
#contents{
	background:#ffffff;
	margin:0 0 20px;
}
#leftpane{
	margin-top:-30px !important;
}
h3		{
			display:block;
			margin-top:30px;
			margin-bottom:10px;
			background:url(../img/h3_bg.jpg) repeat-x 0 50% #273fa1 ;/*	273fa1	ff9b23	*/
			width:512px;
			height:22px ;
			line-height:28px ;
			text-align:left ;
			color:#202020;
			page-break-after:auto;
		}
h3 span	{
			display:inline-block;
			margin-left:20px;
			padding:0 4px;
			background:white;
			border:solid #bcbcbc;
			border-width:0 1px;
			height:22px;
			vertical-align: baseline;
			line-height:22px;
			font-size:16px;
			font-weight:bold ;
		}

h3 span	code{
			display:inline-block;
			margin-left:5px;
			margin-right:5px;
			margin-top:0px;
			padding:0 4px;
			height:1em;
			vertical-align: baseline;
			line-height:1em;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:bold ;
		}

h4{
	margin:10px 0 7px;
	border-left: 3px solid #cf8716;
	border-bottom:1px dashed #c0a67e;
	padding-left:10px;
	font-weight:bold;
	color:#db6118;
}
h5{
	margin-top:10px;
	margin-bottom:5px;
}
h5.h5_txt{
	font-size:12px;
	font-weight:bold;
	border-bottom:1px dashed #bdbdbd;
	color:#014099;
}

#route{
	background:white;
	padding-left:10px;
	font-size:10px;
}
#route p{
	margin:0;
}
#route a{
	padding:0 3px;
	color:#303030;
}
#route a:link{ color:#303030;}
#route a:visited{ color:#303030;}
#route a:hover{	background:#ffdf0a;color:#303030;}
#route a:active{ text-decoration:none;color:#303030;}


.type_a h3{
	margin-bottom:10px;
}

.inner{
	margin-left:20px;
	width:520px;
}
table{
	width:486px;
}
th{
	text-align:left;
	font-weight: normal;
}
td{
	padding:3px 0 3px 10px;
	vertical-align:top;
}
th,td{
	border-bottom:1px solid #bdbdbd;
}

.btn_cont{
	margin:15px 0 20px 49px ;
}

.b01{ border:1px solid #e0e0e0 !important;}
.bb1{ border-bottom:1px dashed #e0e0e0 !important;}
p{
	margin-bottom:0.5em;
	margin-top:10px;
}




#company{
	background:url(../img/side-comp.jpg) center bottom no-repeat;
	width:180px;
	margin-top:15px;
}
#company div{
	margin:10px 10px 0;
	line-height:1;
	padding-bottom:10px;
}
#company h3{
	width:180px;
	height: 35px;
	margin-top:0;
	background: url(../img/side-comp.jpg) center top no-repeat;
	text-indent:-9999px;
	font-size:1%;
	text-align:left;
	color:#303030;
	line-height:1.1;
	page-break-after: inherit;
	display:block;
	overflow:hidden;
	outline:hidden;
}
#company strong{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:20px;
	margin:0;
	padding:0;
}
#company a{
	background:url(../img/btn_cont_form_hover.jpg) no-repeat center center;
	display:block;
	height:39px;
	width:160px;
	border:0;
}
#company a:hover img{
	display:none;
	background-color:transparent;
}
* html #company a:hover img{
	opacity:0.0;
	filter: alpha(opacity=00);
	display:block;
}


/*--------------------------------------------------------------------/
	02.item Ditile elements
/--------------------------------------------------------------------*/
.item_detail{
	width:500px;
	border-collapse:separate;
}
.item_detail th{
	width:262px;
	border:0;
}
.item_detail th img{
	margin:1px;
}
.item_detail td{
	vertical-align:middle;
	line-height:normal;
}

.photo_area{
	border:1px dashed #dbdbdb;
	width:510px;
	text-align:center;
}

.photo_yoko{
	height: auto;
	width:500px;
	vertical-align:middle;
	margin:5px auto;
}
.photo_yoko img{
	width: 98%;
	margin:5px auto;
}
.photo_yoko div{
	clear:both;
	margin-top:10px;
	padding-left:5px;
	border-top:1px dashed #dbdbdb;
}

.ph_wrap{
	margin:0 10px;
}
.ph_wrap table img{
	width:160px;
	height:120px;
	border:1px solid #dbdbdb;
}
.ph_wrap table{
	width:70%;
}
.ph_wrap td{
	padding:0;
	border:0;
	width:33%;
}




.photo_yoko2{
	height: auto;
	width:500px;
	margin:5px;
	text-align: center;
}
.photo_yoko2 img{
	float:left;
}
.photo_yoko2 img.ph_all{
	width:100%;
	margin-bottom:10px;
}
.photo_yoko2 img.ph_dit,
.photo_yoko2 img.ph_dit2,
.photo_yoko2 img.ph_dit3{
	width:158px;
	height:118px;
	border:1px solid #dbdbdb;
}
.photo_yoko2 img.ph_dit{ float:left;}
.photo_yoko2 img.ph_dit2{ margin-left: 10px;}
.photo_yoko2 img.ph_dit3{ float:right;}
.photo_yoko2 img.ph_dit2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .photo_yoko2 img.ph_dit2{ margin-left: 4px;}



.photo_tate{
	height:260px;
	width:500px;
	background:red;
	vertical-align:middle;
	margin:5px auto;
}

.photo_tate img{
	display:inline-block;
	height: 93%;
	margin:0 10px 0 0;
	float:left;
}
.photo_yoko:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.photo_yoko2:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*--------------------------------------------------------------------/
	03.under detail elements
/--------------------------------------------------------------------*/
.under_detail{
	width:510px;
	border-collapse:separate;
	margin-top:10px;
	margin-bottom:20px;
}
.under_detail th{
	width:110px;
	padding-bottom:5px;
	border-right:1px dotted #bdbdbd;
	background:white;
	padding-top:3px;
	padding-left:10px;
	background:#efefef;
}

.under_detail .option_p{
	padding-left:5px;
	border-bottom:0;
	font-size:10px;
}
/*---
	introduction
	------------*/
	
.intro{
	margin-bottom:15px;
}
.intro ul{
	margin:0;
	padding:5px;
	border:dashed #dedede;
	border-width:0 1px 1px;
}
.intro li{
	padding-left:1em;
	text-indent:-1em;
	list-style:disc;
	list-style-position:inside;
}
.intro h5{
	margin-top:10px;
	margin-bottom:0;
	padding-left:5px;
	padding-top:2px;
	background-color:#f0f0f0;
	color:#064491;
	font-size:12px;
	font-weight:bold;
}
.intro p{
	margin-bottom:0;
}
.intro div{
	margin:0;
	padding:5px 5px 0;
	border:dashed #dedede;
	border-width:0 1px 1px;
}
.intro h6{
	border-bottom:1px solid #e2c6d8;
	color:#ad3b83;
	font-size:12px;
}
.intro div p{
	margin:0 0 5px;
	font-size:10px;
}

.p_10{
	margin:0 0 5px;
	font-size:10px;
}
.intro h5.howto{
	color:#175808;
}

.intro dl{
	margin:0;
	padding:5px;
	border:1px dashed #dedede;
}
.intro dt{
	padding-left:1em;
	text-indent:-1em;
	list-style:disc;
	list-style-position:inside;
}
.intro table{
	margin-bottom:5px;
	width:496px;
}
.intro th{
	padding-top:3px;
	padding-left:10px;
	border-bottom-color:#f8f8f8;
	background:#e5e5e5;
	width:130px;
}
.intro td{
	padding-top:3px;
	padding-bottom:3px;
	border-bottom-color:#e6e6e6;
}


/*--------------------------------------------------------------------/
	04.company data elements
/--------------------------------------------------------------------*/
#company_data{
	display:none;
}
/*--------------------------------------------------------------------/
	05.btn elements
/--------------------------------------------------------------------*/
#btn_area{
	padding:10px 0;
	background-color:#afafaf;
	margin-bottom:10px;
}
#btn_area div{
	margin:0 10px;
	text-align:center;
}
#btn_area img.left,
#btn_area img.right,
#btn_area img{
	margin:0;
}
#btn_area div a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/*--------------------------------------------------------------------/
	06.company elements
/--------------------------------------------------------------------*/
ul.li_disc li{
	list-style-type:disc;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
.enkaku,
.com{
	width:510px;
	border-collapse:separate;
	margin-top:10px;
	margin-bottom:0px;
}
.enkaku th,
.com th{
	width:110px;
	padding:5px 0 5px 10px;
	border-right:1px dotted #bdbdbd;
	background:#efefef;
	text-align:left;
	font-weight:bold;
}
.enkaku td,
.com td{
	padding-top:5px;
	padding-bottom:5px;
}





/*--------------------------------------------------------------------/
	07.Contact
/--------------------------------------------------------------------*/

.t_btn,
.t_cont{
	width:510px;
	border-collapse:separate;
	margin-top:10px;
	margin-bottom:0px;
	font-size:12px;
}
.t_cont th{
	width:140px;
	padding:5px 0 5px 5px;
	border-right:1px dotted #bdbdbd;
	background:#efefef;
	text-align:left;
	font-weight: bold;
}
.t_cont td{
	padding-top:5px;
	padding-bottom:5px;
}
.t_cont th span{
	font-size:10px;
	color:#CC3333;
}

.t_btn td{
	width:50%;
	text-align:center;
	border:0;
}
.t_btn td input{
	margin:0 auto;
}
.t_cont textarea,
.t_cont input{
	border:1px solid #bababa;
}
.t_cont label{
	margin-left:3px;
	margin-right:18px;
}
/*--------------------
	laebl高さ合わせ　ハック
---------------------------*/
* html label{	vertical-align:3px;}					/* IE6 */
*:first-child+html body label{	vertical-align:3px;}	/* IE7 */
.t_cont td>label{	vertical-align:2px;}			/* Firefox , safari */
.t_cont td:first-of-type label{ vertical-align:0px;}	/* safari not Firefox 上書き */

* html td.ie_input input{ border:0;}
*:first-child+html body td.ie_input input{ border:0;}


#down{
	width:510px;
}
#down:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#down dl {
	margin-left:10px;
	margin-bottom:10px;
}
#down dd{
	height:56px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
#down dd a{
	display:block;
	height:46px;
	padding-top:10px;
	text-indent:5px;
	text-decoration:none;
	font-size:10px;
	font-weight: bold;
	overflow:hidden;
	outline:none;
	color:#666666;
}
* html #down dd a{ height:56px;}
#down .plan dd{
	width:80px;
	background:url(../img/btn_dl.jpg) no-repeat top center white;
}
#down .plan dd a{	width:80px;}
#down .plan dd a:hover{	background:url(../img/btn_dl_hover.jpg) top center no-repeat;}
#down .pamphlet dd{
	width:120px;
	background:url(../img/btn_pam.jpg) no-repeat top center white;
}
#down .pamphlet dd a{	width:120px;}
#down .pamphlet dd a:hover{	background:url(../img/btn_pam_hover.jpg) top center no-repeat;}



/*--------------------------------------------------------------------/
	07.Contact
/--------------------------------------------------------------------*/

.topics {
	width:510px;
	border-collapse:separate;
	margin-top:10px;
	margin-bottom:0px;
	font-size:12px;
}
.topics th{
	font-weight:normal;
	text-align:left;
	width:80px;
	background:none;
	vertical-align:top;
}
.topics td,.topics th{
	border-bottom-style: dashed;
	border-bottom-color: #e2e2e2;
	padding-top:10px;
}
.topics td{ padding-bottom:20px;}

/*--------------------------------------------------------------------/
	08.faq
/--------------------------------------------------------------------*/

.faq h4{
	padding-left:5px;
	border-bottom:0;
}
.faq p a{
	padding:0;
	font-size:10px;
	margin:0 2px;
}
.faq li a:link,
.faq p a:link{
	text-decoration:underline;
	color:#163fc2;
}
.faq li a:visited,
.faq p a:visited{
	text-decoration:underline;
	color:#163fc2;
}
.faq li a:hover,
.faq p a:hover{
	background-color:#163fc2;
	color:white;
}
.faq li a:active,
.faq p a:active{
	text-decoration:underline;
	color:#163fc2;
}
.faq ul{
	margin:0 0 10px;
}
.faq li{
	list-style-type:disc;
	list-style-position:inside;
	padding-left:1em;
	text-indent:-1em;
}
.faq dt{
	background:url(../img/faq_q.jpg) no-repeat center left;
	padding-left:30px;
	height:26px;
	line-height:26px;
	font-weight:bold;
	margin-top:15px;
}
.faq dd{
	background:url(../img/faq_a.jpg) no-repeat top left;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px dashed #dedede;
}
.faq div{
	margin-bottom:40px;
}



/*--------------------------------------------------------------------/
	09.Product
/--------------------------------------------------------------------*/
.product td a{
	padding:3px 5px;
}
.product td a:link{
	text-decoration:underline;
	color:#163fc2;
}
.product td a:visited{
	text-decoration:underline;
	color:#163fc2;
}
.product td a:hover{
	background-color:#163fc2;
	color:white;
}
.product td a:active{
	text-decoration:underline;
	color:#163fc2;
}
.product table{
	width:100%;
	border-top:2px solid #d0d0d0;
}
.product th{
	margin:0;
	padding-left:10px;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	background-color:#f9f9f9;
	width:170px;
	text-align:left;
	font-weight:bold;
}
.product td{
	padding:5px 0;
	border-left: 1px dashed #dedede;
}
.product td.prod_num{
	padding-left:10px;
	width:60px;
}
.product td.prod_det{
	padding-left:0;
	border-right: 1px solid #dedede;
	width:60px;
	text-align:center;
	font-size:10px;
}

.product thead td{
	padding-left:5px;
	font-weight:bold;
}

.product td.prod_num,
.product td.prod_det{}


p.btn_cat{ margin:15px auto; }
p.btn_cat a,
p.btn_cat img{
	display:block;
	margin:auto;
}