@charset "UTF-8";

/**********************/
/***** foundation *****/
/**********************/

*{
font-size:100%;
font-weight:normal;
font-family:verdana,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka',sans-serif;
font-style:normal;
text-decoration:none;
margin:0;
padding:0;
}

img{
border-width:0;
}

a{
color:#063;
text-decoration:underline;
}

a:hover{
color:#393;
}

strong{
font-weight:bold;
}

pre{
font-size:90%;
line-height:1.2;
font-family:'ＭＳ ゴシック','Osaka－等幅',monospace;
margin:10px;
}

/******************/
/***** common *****/
/******************/

div#header{
background-image:url(./bg/header_bg.gif);
background-position:left bottom;
background-repeat:no-repeat;

width:705px;
margin:0 auto;
padding:20px 30px 15px 45px;
}

#header h1{
width:300px;
float:left;
}

#header p{
text-align:right;
padding-top:11px;
}

#header p img{
margin-left:10px;
}

div#content{
width:780px;
clear:both;
margin:0 auto;
padding:0 0 15px 0;
}


div.leadtop{
font-size:90%;
text-align:right;
clear:both;
margin:30px 30px 10px 30px;
}


div#footer{
width:520px;
clear:both;
margin:5px auto;
padding:10px 130px 10px 130px;
border-style:ridge;
border-color:#ccc;
border-width:3px 0 0 0;
}

#footer p{
width:200px;
float:left;
padding-top:10px;
}

#footer address{
color:#333;
font-size:80%;
margin-left:210px;
}



h2#top_chapter{
text-align:center;
padding:3px;
border-style:solid;
border-color:#333;
border-width:1px 600px 1px 20px;
}


/*****************/
/***** index *****/
/*****************/

p#top_banner{
text-align:center;
margin:10px 0;
}

div#top_sidemenu{
width:155px;
float:right;
}

#top_sidemenu h2{
display:none;

}

#top_sidemenu ul{
font-size:80%;
list-style-type:none;
}

#top_sidemenu ul li{
margin:5px 0;
}

#top_sidemenu a{
color:#00c;
text-decoration:none;
}

#top_sidemenu a:hover{
color:#03f;
text-decoration:underline;
}

#top_sidemenu a img{
vertical-align:middle;
}


p#top_cover{
background-image:url(./bg/topcover_left.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:0 0 0 10px;
padding:0 0 0 318px;
}




/*********************/
/*****  catalog  *****/
/*********************/

ul#item_catalog{
font-size:140%;
list-style-type:none;
margin:5px 150px 20px 150px;
}

#item_catalog li{
background-image:url(./bg/marker_ilist.gif);
background-position:1% 50%;
background-repeat:no-repeat;
letter-spacing:4px;
margin:10px;
padding:4px 15px;
border-style:solid;
border-color:#9c9;
border-width:0 0 2px 0;
}

#item_catalog li a{
text-decoration:none;
}



/******************/
/*****  item  *****/
/******************/

/* chapter */


ul#item_list{
font-size:80%;
list-style-type:none;
margin:5px 5px 20px 5px;
}

#item_list li{
display:inline;
background-image:url(./bg/marker_ilist.gif);
background-position:left center;
background-repeat:no-repeat;
padding:1px 8px 2px 8px;
}

#item_list li#current{
background-image:url(./bg/marker_ilist_a.gif);
}

#item_list li#current a{
color:#c00;
text-decoration:none;
}


div.item_chapter{
}

.item_chapter h3{
color:#333;
font-size:90%;
letter-spacing:2px;
margin:30px 5px;
}

.item_chapter h3 em{
display:none;
}

.item_chapter h3 strong{
color:#f30;
font-weight:normal;
}

/* detail */

div.item_detail{
width:400px;
float:left;
}

.item_detail h4, .item_example h4, .item_1column h4, .pricetable h4{
background-image:url(./bg/marker_c1.gif);
background-position:left center;
background-repeat:no-repeat;
padding:1px 0 1px 28px;
}

.item_detail h5{
color:#c30;
font-size:110%;
font-weight:bold;
margin:10px 20px;
}

.item_detail table.chara{
background-color:#efe;
margin:10px 0 20px 0;
border-collapse:collapse;
border-style:solid;
border-color:#efe;
border-width:5px;
}

.item_detail table.chara th{
color:#00c;
font-size:110%;
font-weight:bold;
text-align:left;
width:90px;
vertical-align:middle;
padding:3px 0;
border-style:solid;
border-color:#696;
border-width:1px 0;
}

.item_detail table.chara td{
font-size:90%;
line-height:1.4;
padding:5px 0;
border-style:solid;
border-color:#696;
border-width:1px 0;
}

.item_detail table.item{
background-color:#efe;
width:380px;
margin:10px auto 20px auto;
border-collapse:collapse;
border-style:solid;
border-color:#efe;
border-width:5px;
}

.item_detail table.item th{
color:#00c;
font-size:110%;
font-weight:bold;
text-align:left;
width:130px;
vertical-align:middle;
padding:3px 0;
border-style:solid;
border-color:#696;
border-width:1px 0;
}

.item_detail table.item td{
font-size:90%;
line-height:1.4;
padding:5px 0;
border-style:solid;
border-color:#696;
border-width:1px 0;
}

.item_detail table.item ul{
list-style-type:disc;
line-height:1.5;
padding-left:20px;
}


.item_detail p.photo{
text-align:center;
margin:10px 0;
}

.item_detail p.description{
font-size:80%;
margin:5px;
}

.item_detail p.togallery{
font-size:120%;
text-align:center;
margin:20px 30px 50px 30px;
}

.item_detail p.togallery a{
font-weight:bold;
}

.item_detail hr{
color:#999;
margin:10px 10px;
background-color:#999;
border:solid #999 1px;
}


div.pricetable{
clear:both;
}

div.pricetable h4{
margin:30px 20px 0 20px;
}

.pricetable h5{
background-image:url(./bg/pricetable_bg.gif);
background-position:left center;
background-repeat:repeat-x;
font-weight:bold;
width:331px;
margin:20px auto 0 auto;
padding:3px 5px;
border-style:solid;
border-color:#fc3;
border-width:1px 1px 0 1px;
}

.pricetable table{
margin:0 auto;
border-collapse:collapse;
border-style:solid;
border-color:#fc3;
border-width:1px;
}

.pricetable table th{
background-color:#ffd;
text-align:left;
width:200px;
vertical-align:middle;
padding:3px 10px;
border-style:solid;
border-color:#fc3;
border-width:1px;
}

.pricetable table td{
line-height:1.3;
width:100px;
padding:3px 10px;
border-style:solid;
border-color:#fc3;
border-width:1px;
}

div.ptable_l{
width:400px;
float:left;
}

div.ptable_r{
margin-left:400px;
}


/* gallery */

.gallery_chapter{
text-align:center;
margin:30px;
padding:10px;
border-style:solid;
border-color:#ddd #999 #999 #ddd;
border-width:1px 2px 2px 1px;
}

.gallery_chapter em{
display:none;
}

div.item_gallery{
margin:10px;
}

.item_gallery h5{
font-size:160%;
margin:20px 0 10px 0;
}

.item_gallery h6{
font-size:120%;
margin:15px 10px;
border-style:solid;
border-color:#030;
border-width:0 0 1px 0;
}

.item_gallery p.photo{
text-align:center;
margin:5px;
}

/* example */

div.item_example{
margin-left:415px;
padding:0 0 0 10px;
border-style:solid;
border-color:#075;
border-width:0 0 0 1px;
}

.item_example p.description{
color:#f00;
margin:5px 10px;
}

.item_example h5{
margin:25px 2px 15px 2px;
padding:1px 3px;
border-style:solid;
border-color:#244;
border-width:0 0 0 4px;
}

.item_example h6{
font-size:80%;
margin:15px 5px 10px 5px;
}

.item_example p.photo{
text-align:center;
margin:5px 0;
}

p.manufacturer_links{
clear:left;
text-align:center;
margin:20px;
}


/* 1column */

div.item_1column{
margin:20px;
padding:0 0 0 10px;

}

.item_1column p.description{
color:#f00;
margin:5px 10px;
}

.item_1column h5{
margin:35px 2px 15px 2px;
padding:1px 3px;
border-style:solid;
border-color:#244;
border-width:0 0 0 4px;
}

.item_1column h6{
font-size:80%;
margin:15px 5px 10px 5px;
border-style:solid;
border-color:#244;
border-width:0 0 1px 0;
}

.item_1column p.photo{
text-align:center;
margin:5px 0;
}

/* inquiry */

div.inquiry{
clear:both;
margin:20px 200px;
padding:10px;
border-style:solid;
border-color:#244;
border-width:1px;
}

.inquiry h3{
margin:0 0 10px 0;
border-style:solid;
border-color:#244;
border-width:0 0 1px 0;
}

.inquiry p{
margin:0 10px;
}



/***************************/
/***** company profile *****/
/***************************/

table.company_profile{

width:600px;
margin:10px auto;

}

.company_profile th{
color:#020;
background-color:#efe;
font-weight:bold;
width:100px;
padding:3px;
border-style:solid;
border-color:#cec;
border-width:1px;
}


.company_profile td{
padding:3px 5px;
border-style:solid;
border-color:#cec;
border-width:1px;
}

.company_profile  table.office{
font-size:90%;
width:100%;
border-collapse:collapse;
border-style:solid;
border-color:#fff;
border-width:3px;
}

.company_profile  table.office th{
color:#020;
background-color:transparent;
width:6em;
padding:3px;
border-style:solid;
border-color:#9c9;
border-width:2px;
}

.company_profile  table.office td{
line-height:1.8;
padding:3px;
border-style:solid;
border-color:#9c9;
border-width:2px;
}