@charset "UTF-8";

body {
background:#fff url(images/head.jpg) repeat-x 0 0;
margin:0;
padding:0;
font-size:12px;
line-height:135%;
text-align:center;
}

/* レイアウト */

div#container {
background-color:transparent;
width:800px;
margin:0 auto;
padding:0;
}
div#header {
background-color:transparent;
height:150px;
text-align:left;
}

div#mainContent {
background-color:transparent;
text-align:left;
}
div#footer { 
clear:both;
background:transparent url(images/bg_foot.gif) repeat 0 0;
margin:10px 0;
padding: 10px; 
color:#fff;
border-top:3px solid #ccc;
}

/* general params*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
padding: 0;/* margin&padding reset */
line-height: 1.4;/* base line height */
text-align: left;
display: block;
margin: 0px;
font-size:small;
}
table {margin : 0;empty-cells: show; font-size:small;}
.areaAnchor,.anchor { display : none; }
img {
border: none;/* img do not want a border */
vertical-align: bottom;
}

/*link setting */
a:link{
color: #0066CC;
}
a:visited{
color: #551A8B;
}
a:hover{
color: #d2d6d6;
}
a:active{
color: #0066CC;
}

/* clear */
.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; margin-bottom: 20px; }
/* float */
.floatLeft  { float:left; }
.floatRight { float:right; }
.t_center{
text-align:center;
}
.t_right{
text-align:right;
}

/*clearFix */
.clearfix::after {
    content		: " ";
    display		: block;
    visibility	: hidden;
    clear		: both;
    height		: 0.1px;
    font-size	: 0.1em;
    line-height	: 0;
}

/* for IE7 */
*:first-child+html .clearfix  {
	min-height: 1%;
	/*zoom	: 1;*/
}

/* for Mac IE */
* html .clearfix {
	display	: inline-table;
}

/* no Mac IE \*/
* html .clearfix {
	height	: 1%;
}
.clearfix {
	display	: block;
}

/* ヘッダー */
div#header h1 {
width:350px;
margin: 0; 
padding: 25px 0 10px 0;
font-size:24px; 
color:#3C2529;
}
div#header #header_menu{
float:right;
width:300px;
text-align:right;
}


/* メインコンテンツ */

div#mainContent  p{
margin:10px 0;
padding:3px;
font-size:12px;
line-height:135%;
}
div#mainContent  p.mail{
margin:0;
padding:3px;
font-size:12px;
line-height:135%;
text-align:center;
}

div#mainContent  hr{
clear:both;
background-color:#ccc;
width:500px;
height:1px;
margin:10px auto;
padding:0;
border: 0px none;
}
div#mainContent div#setumei{
width:650px;
background-color:#E0E0E0;
margin:10px auto;
padding:10px;
font-size:14px;
line-height:150%;
color:#3C2529;
border-left:5px solid #0074bc;
border-bottom:1px solid #ccc;
}
div#mainContent div#item1,
div#mainContent div#item2{
background: #fff url(images/bg_item-t.gif) no-repeat center top;
width:700px;
margin:10px auto;
padding:10px 0;
}
div#mainContent div#item1_c,
div#mainContent div#item2_c{
background: #fff url(images/bg_item-c.gif) repeat-y left;
margin:0 ;
padding:0 5px;
}
div#mainContent div#item1_u{
clear:both;
background: #fff url(images/bg_item-u.gif) no-repeat center bottom;
height:10px;
}
div#mainContent div#item2_u{
background: #fff url(images/bg_item-u.gif) no-repeat center bottom;
height:10px;
}

div#mainContent div.item_o{
width:700px;
margin:10px 35px;
padding:5px 10px;
}

div#mainContent div#item1 h2,
div#mainContent div#item2 h2{
background-color:#E0E0E0;
margin:0 10px;
padding:8px;
font-size:20px; 
color:#3C2529;
border-left:5px solid #0074bc;
}
div#mainContent div#item1 div.button img{
margin:0 0 10px 0;
}

div#mainContent ul{
margin:0 0 0 20px;
padding:3px;
}

div#mainContent dl.siyou{
width:320px;
margin:0 0 0 15px;
padding:0 0 0 5px;
border-left:3px solid #ccc;
}
div#mainContent dl.siyou dt{
float:left;
width:110px;
margin:0 0 10px 0;
padding:0 ;
font-size:12px;
font-weight:bold;
border-bottom:1px solid #ccc;
}
div#mainContent  dl.siyou dd{
float:left;
width:200px;
margin:0 0 10px 0;
padding:0 ;
font-size:12px;
border-bottom:1px solid #ccc;
}
div#mainContent div.price{
background-color:#fff;
float:right;
margin:10px 0 0 0;
padding:5px;
font-size:12px;
text-align:right;
border:1px solid #ccc;
}
div#mainContent div.price .kei{
color:red;
}

div#mainContent div.button{
float:right;
margin:10px 0 0 0;
padding:3px;
text-align:center;
}
div#mainContent div.button2{
margin:10px 0 0 0;
padding:3px;
text-align:center;
}

div#mainContent h2.other{
clear:both;
background-color:#E0E0E0;
margin:10px 0;
padding:5px;
font-size:18px;
text-align:left;
color:#3C2529;
border-left:5px solid #0074bc;
}

div#mainContent h3{
width:300px;
margin:10px 0;
padding:3px 5px;
color:#0074bc;
border-left:5px solid #0074bc;
border-right:1px solid #0074bc;
border-top:1px solid #0074bc;
border-bottom:1px solid #0074bc;
}

div#mainContent table.kakaku{
margin:0　0 1em 0;
padding:0;
}
div#mainContent table.kakaku th{
margin:0;
padding:3px;
text-align:left;
border:1px solid #ccc;
}
div#mainContent table.kakaku td{
margin:0;
padding:3px;
text-align:right;
border:1px solid #ccc;
}
div#mainContent table.kakaku td.cen{
text-align:center;
}

div#mainContent div.tyui{
text-align:right;
font-size:10px;
}
/* 問い合せフォーム*/
div#mainContent div#toiawase{
margin:15px 10px;
padding:5px;
}
div#toiawase dl#form{
width:550px;
margin:15px 10px;
padding:1em 0　0　0;

}

div#toiawase dl#form dt{
float:none;
margin:0;
padding:3px 0 3px 0;
font-size:12px;
border-bottom:none;
}
div#toiawase dl#form dd{
float:none;
margin: 0 0 0 30px;
padding:3px 0 3px 3px;
font-size:12px;
border-bottom:1px solid #ccc;
}
dl#form dt em{
font-size:10px;
color:#FF6699;
}

/* font */
.font_10{
font-size:10px;
}
.font_12{
font-size:12px;
}
.font_14{
font-size:14px;
}
.font_18{
font-size:18px;
}
.font_b{
color:#0074bc;
}
.clear_b{
clear:both;
}