@charset "utf-8";
/* CSS Document */

div , ul , ol , li , dl , dt , dd , h1 , h2 , h3 , h4 , h5 , h6 {
	margin:0;
	padding:0;
	border-width:0;
}

li{
	list-style-type:none;
}

img{
	margin:0;
	border-width:0;
}

body{
	margin:0;
	padding:0;
	background-color:#efecdb;
	text-align:center;
	color:#333333;
}

h1{
	position:absolute;
	top:10px;
	width:760px;
	text-align:right;
	font-size:9px;
	color:#003333;
}

h2{
	color:#103851;
}

/*class*/

.clear_b{
	clear:both;
}

.t_left{
	text-align:left;
}
.t_right{
	text-align:right;
}
.t_center{
	text-align:center;
}
.small{
	font-size:80%;
}
.large{
	font-size:120%;
}
.bold{
	font-weight:bold;
}
.red{
	color:#b80c25;
}
.blue{
	color:#0033CC;
}

.f_left{
	float:left;
	margin:1em 10px;
}
.f_right{
	float:right;
	margin:1em 10px;
}




.base1{
	width:800px;
	margin:0 auto;
}

.base2{
	width:800px;
	background-color:#ffffff;
}

.header{
	width:770px;
	margin:0 15px;
}

ul.top_menu{
	height:41px;
}
ul.top_menu li{
	display:inline;
}

.top_menu li a{
	display:block;
	float:left;
	background:url(../img/btn.gif) left top no-repeat;
	height:41px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

.top_menu li a.home{
	width:193px;
	background-position:0 -41px;
}
.top_menu li a.home:hover{
	width:193px;
	background-position:0 0;
}
.top_menu li.home{
	display:block;
	text-indent:-9999px;
	float:left;
	width:193px;
	height:41px;
	background:url(../img/btn.gif) left top no-repeat;
}

.top_menu li a.gan{
	width:193px;
	background-position:-193px -41px;
}
.top_menu li a.gan:hover{
	width:193px;
	background-position:-193px 0;
}

.top_menu li a.company{
	width:193px;
	background-position:-386px -41px;
}
.top_menu li a.company:hover{
	width:193px;
	background-position:-386px 0;
}

.top_menu li a.inquiry{
	width:191px;
	background-position:-579px -41px;
}
.top_menu li a.inquiry:hover{
	width:191px;
	background-position:-579px 0;
}


h2.keywords{
	margin:5px 15px 3px;
	font-size:12px;
	text-align:right;
}

.main{
	width:770px;
	margin:0 15px;
	text-align:left;
}

.content{
	float:right;
	width:550px;
	text-align:left;
}

.content img.top_banner{
	margin-bottom:1em;
}

.content div.info{
	margin:10px 0;
}
.content .info ul{
	margin:5px 0;
}
.content .info ul li{
	margin:5px 0;
	background:url(../img/marker_info.gif) left top no-repeat;
	padding-left:20px;
}
.content h2{
	margin:0.5em 0;
	font-size:small;
	text-align:right;
}
.content h2.title{
	font-size:medium;
	text-align:left;
	margin-bottom:1em;
}
.content div.title{
	font-size:22px;
	line-height:30px;
	padding-top:4px;
	padding-bottom:9px;
	background:url(../img/banner_none.gif) left top no-repeat;
	color:#ffffff;
	text-align:left;
	text-indent:12px;
	font-weight:bold;
}

.content div.inner{
	margin:1.5em 0;
}
.content div.inner p{
	margin:0.5em 20px 0.5em;
}
.content div.inner h3{
	margin:0.5em 20px 0.5em;
	font-size:medium;
}

.content div.copy01{
	background:url(../img/bg_rose.jpg) left top no-repeat;
	min-height:200px;
	height:auto !important;
	height:200px;
}
.content div.copy01 p{
	margin:0.5em 20px 0.5em 160px;
}


.content div.copy02{
	background:url(../img/bg_blue.jpg) left top no-repeat;
	min-height:200px;
	height:auto !important;
	height:200px;
}
.content div.copy02 p{
	margin:0.5em 20px 0.5em 160px;
}

.content div.copy03{
	padding:0.5em 60px;
	border:2px solid #999999;
}

table.address{
	width:100%;
	font-size:18px;
	font-weight:bold;
}
table.address td.l{
	text-align:left;
}
table.address td.r{
	text-align:right;
}
.style1 {
	font-size: 90%;
	color: #333333;
}


.left{
	width:200px;
	background-color:#ececea;
	text-align:left;
}
.left div.block{
	background-color:#ffffff;
}
.left div.block img{
	margin-bottom:1px;
}
.left div.block img.bottom{
	margin-bottom:0;
}

.left h2{
	margin:1em 20px;
	font-size:small;
}

.left div.www{
	margin:2em 20px 1em;
	padding:5px;
	border:1px dashed #999999;
	font-size:small;
}


.footer{
	width:800px;
	text-align:right;
	color:#999999;
	font-size:10px;
}
.footer .link{
	margin:5px 0;
}


/*IMC*/
.imc{
	float:left;
}
.imc a {
	color:#999999;
}


/*会社概要*/

.content .info table.company{
	width:480px;
	margin:5px auto;
	border-width:0;
}
.content .info table.company th{
	text-align:left;
	vertical-align:top;
	padding:3px 5px;
}
.content .info table.company td{
	padding:3px 5px;
}


/*お問い合わせ*/

.content .info table.inquiry{
	width:500px;
	margin:5px auto;
}
.content .info table.inquiry th{
	text-align:left;
	font-weight:normal;
	background-color:#111144;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	padding:3px 5px;
}
.content .info table.inquiry td{
	border-bottom:1px solid #111144;
	padding:3px 5px;
}
.content .info table.inquiry th.bottom{
	border-bottom-color:#111144;
}
input.text01{
	width:200px;
}
textarea.text02{
	width:300px;
	height:80px;
	font-size:12px;
}

/*プライバシーポリシー*/

dl.privacy{
	margin:1em 20px 0;
}
dl.privacy dt{
	margin-bottom:3px;
	font-weight:bold;
}
dl.privacy dd{
	margin-bottom:1em;
}

/*免責事項*/

ol.escape{
	margin:1em 20px 0;
	padding-left:1em;
}
ol.escape li{
	margin-bottom:1em;
	list-style-type:decimal;
}

/*リンク*/

div.info ul.links{
	margin:1em 20px 0;
	padding-left:1em;
}
div.info ul.links li{
	margin-bottom:1em;
}

/*お客様の声*/

div.voice{
	margin:1em 20px;
	border:1px solid #ccccca;
	padding:1px;
}

/*よくある質問*/


.content div.faq{
	margin:1.5em 0;
	border-bottom:1px solid #999999;
}
.faq p{
	margin:1em 20px;
}

/*足回り*/

.footnote{
	margin:1em 0 2em;
	padding-top:2em;
	border-top:1px dashed #999999;
}
.footnote p.small{
	margin:1em 20px;
	font-size:9px;
}

.footnote_faq{
	margin:1em 0 2em;
	padding-top:2em;
}
.footnote_faq p.small{
	margin:1em 20px;
	font-size:9px;
}


/*EC-CUBE*/

#in_box{
	width:550px;
	margin:auto;
	text-align:left;
}

#in_box h2.title{
	font-size:22px;
	line-height:30px;
	padding-top:4px;
	padding-bottom:9px;
	background:url(../img/banner_none.gif) left top no-repeat;
	color:#ffffff;
	text-align:left;
	text-indent:12px;
}

td#quantity{
	text-align:right;
}

#in_box table.inquiry{
	width:550px;
	margin:5px auto;
}
#in_box table.inquiry th{
	text-align:left;
	vertical-align:top;
	font-weight:normal;
	background-color:#111144;
	color:#ffffff;
	border-bottom:1px solid #ffffff;
	padding:3px 5px;
}
#in_box table.inquiry td{
	border-bottom:1px solid #111144;
	padding:3px 5px;
}
#in_box table.inquiry th.bottom{
	border-bottom-color:#111144;
}