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

/*====================================*/
/*--商品紹介ページ（products.php）--*/
/*====================================*/

#products_new,
#products_osusume{
margin-bottom: 30px;
}

#products_wrap .products_list{
zoom: 1;
margin-right: -7px;
_margin-right: -14px;
}
#products_wrap .products_list li{
float: left;
margin: 0 7px 15px 0;
float: left;
width: 134px;
}
#products_wrap .products_list li .product_thumbnail{
background: #FFFFFF;
padding: 1px;
border: 1px solid #CCCCCC;
margin-bottom: 5px;
text-align: center;
}
#products_wrap .products_list li .product_name{
font-size: 10px;
text-align: center;
padding: 0 5px;
}
#products_wrap .products_category_wrap{
clear: both;
width: 620px;
margin: 0 auto 40px auto;
border: 1px solid #CCCCCC;
padding: 15px;
}
#products_wrap .products_category ul{
margin-left: 23px;
}
#products_wrap .products_category li{
float: left;
list-style: square;
margin: 0 40px 10px 0;
}

/*詳細ページ*/
#product_detail_wrap{
width: 100%;
margin-bottom: 30px;
}
#product_detail_wrap .product_detail_photo{
width: 344px;
float: left;
}
#product_detail_wrap .product_detail_photo .main_photo{
background: #FFFFFF;
padding: 1px;
border: 1px solid #CCCCCC;
height: 340px;
text-align: center;
margin-bottom: 2px;
}
#product_detail_wrap .product_detail_photo .sub_photo_list{
width: 342px;
margin: 0 auto;
}
#product_detail_wrap .product_detail_photo .sub_photo_list ul{
zoom: 1;
margin-right: -2px;
_margin-right: -4px;
}
#product_detail_wrap .product_detail_photo .sub_photo_list ul li{
background: #FFFFFF;
float: left;
width: 80px;
height: 80px;
padding: 1px;
margin-right: 2px;
border: 1px solid #CCCCCC;
}
#product_detail_wrap .product_detail_data{
width: 345px;
float: right;
}
#product_detail_wrap .product_detail_data .product_midashi{
border-left: 3px solid #1D8CE6;
padding-left: 10px;
font-size: 16px;
font-weight: bold;
clear: both;
}
#product_detail_wrap .product_detail_data .product_cat{
border-top: 1px dotted #82C0F1;
padding-top: 3px;
margin-bottom: 15px;
text-align: right;
font-size: 10px;
}
#product_detail_wrap .product_detail_data .product_about{
margin-bottom: 20px;
}

#product_detail_wrap .product_detail_data .product_about table{
border-collapse: collapse;
}
#product_detail_wrap .product_detail_data .product_about table th, #product_detail_wrap .product_detail_data .product_about table td{
padding: 10px;
border: 1px solid #CCCCCC;
}
#product_detail_wrap .product_detail_data .product_related{
background: #F0F0F0;
width: 290px;
padding: 15px;
margin: 0 auto;
}
#product_detail_wrap .product_detail_data .product_related ul{
zoom: 1;
margin-right: -10px;
_margin-right: -20px;
}
#product_detail_wrap .product_detail_data .product_related li{
float: left;
margin-right: 10px;
width: 65px;
text-align: center;
}
#product_detail_wrap .product_detail_data .product_related li a.opacity{
background: #FFFFFF;
padding: 1px;
border: 1px solid #CCCCCC;
display: block;
margin-bottom: 2px;
}

/*====================================*/
/*--スタッフ紹介ページ（staff.php）--*/
/*====================================*/

#staff_list{
width: 670px;
margin: 0 auto;
}
#staff_list #typeA li{
margin-bottom: 20px;
}
#staff_list #typeB{
zoom: 1;
margin-right: -20px;
_margin-right: -40px;
}
#staff_list #typeB li{
float: left;
width: 200px;
margin: 0 20px 20px 0;
}
.staff_name{
font-weight: bold;
font-size: 14px;
padding-bottom: 5px;
margin-bottom: 15px;
border-bottom: 1px solid #CCCCCC;
}
#typeA .staff_photo{
float: left;
width: 200px;
}
#typeB .staff_photo{
margin-bottom: 15px;
}
#typeA .staff_freearea{
float: right;
width: 440px;
}
#typeB .staff_freearea{
}

/*====================================*/
/*--ギャラリーページ（gallery.php）--*/
/*====================================*/

.gallery_box{
margin-bottom: 30px;
}
.gallery_cat_name{
font-weight: bold;
padding-left: 15px;
padding-bottom: 5px;
border-left: 1px solid #67CDFE;
border-bottom: 1px solid #DDDDDD;
margin-bottom: 10px;
}
.gallery_cat_description{
margin-bottom: 15px;
}
.gallery_box ul{
zoom: 1;
margin: -10px -10px 0 0;
_margin-right: -20px;
}
.gallery_box ul li{
float: left;
margin: 10px 10px 0 0;
text-align: center;
}
.gallery_box.gallery_thumbnail_small ul li{
width: 61px;
}
.gallery_box.gallery_thumbnail ul li{
width: 130px;
}
.gallery_box.gallery_thumbnail_large ul li{
width: 226px;
}
.gallery_box ul li p{
background: #333333;
color: #FFFFFF;
text-align: center;
font-size: 10px;
padding: 3px;
}
.gallery_box ul li a{
color: #FFFFFF;
}
.gallery_box ul li .post_edit{
background: #333333;
font-size: 10px;
margin: 0;
padding: 3px;
border-top: 1px dotted #CCCCCC;
text-align: center;
}
.gallery_box ul li .post_edit a{
}

/*====================================*/
/*--会社概要ページ（company.php）--*/
/*====================================*/

.company_wrap{
padding: 0 15px 15px 15px;
line-height: 1.6;
margin-bottom: 30px;
}
#gaiyou{
width: 100%;
}
#gaiyou th, #gaiyou td{
padding: 10px;
border-bottom: 1px solid #CCCCCC;
}
#gaiyou th{
background: url(../img/icon_yajirushi.jpg) left 13px no-repeat;
white-space: nowrap;
text-align: left;
vertical-align: top;
padding-left: 20px;
}
.map{
text-align: center;
}

.enkaku_wrap{
padding: 0 15px 15px 15px;
line-height: 1.6;
margin-bottom: 30px;
}
#enkaku{
width: 100%;
}
#enkaku th, #enkaku td{
padding: 10px;
border-bottom: 1px solid #CCCCCC;
}
#enkaku th{
background: url(../img/icon_yajirushi.jpg) left 13px no-repeat;
white-space: nowrap;
text-align: left;
vertical-align: top;
padding-left: 20px;
}

/*====================================*/
/*--お問い合わせページ（contact.php）--*/
/*====================================*/

#contact_table{
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
border-top: 1px solid #CCCCCC;
}
#contact_table th, #contact_table td{
font-weight: normal;
padding: 10px 0;
vertical-align: top;
text-align: left;
border-bottom: 1px solid #CCCCCC;
font-size: 14px;
}
#contact_table th{
white-space: nowrap;
}
#contact_table td{
padding-left: 20px;
width: 80%;
}
#contact_table td input{
width: 80%;
border: 1px solid #CCCCCC;
padding: 5px;
}
#contact_table td select{
padding: 5px;
border: 1px solid #CCCCCC;
}
#contact_table td textarea{
width: 80%;
height: 250px;
padding: 5px;
border: 1px solid #CCCCCC;
}
#contact_table .hissu{
background: url(../img/contact-icon_hissu.jpg) right top no-repeat;
padding-right: 40px;
}

#form_submit{
/*background: url(../img/contact-btn_sousin.jpg) left top no-repeat;
width: 150px;
height: 51px;
text-indent: -999em;
overflow: hidden;
margin: 0 auto;
border: none;
cursor: pointer;
display: block;*/
}

/*====================================*/
/*--よくあるご質問ページ（faq.php）--*/
/*====================================*/

#faq_list{
border: 1px solid #E3E3E3;
padding: 25px;
margin-bottom: 50px;
}
#faq_list li{
background: url(../img/faq-question.jpg) left top no-repeat;
padding-left: 25px;
line-height: 2;
}
#faq_list li a{
color: #02ABFE;
}
#faq_list li a:hover{ text-decoration: none;}
#faq_about dl{
margin-bottom: 60px;
}
#faq_about dt{
background: url(../img/faq-question.jpg) left top no-repeat;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
padding-left: 25px;
line-height: 2;
color: #02ABFC;
}
#faq_about dd{
background: #FAFAFA;
padding: 20px;
border-top: 1px solid #E3E3E3;
font-size: 14px;
}
#faq_about dd p{
background: url(../img/faq-answer.jpg) left top no-repeat;
padding-left: 28px;
}

/*====================================*/
/*--事業案内（service.php）--*/
/*====================================*/

#service_wrap{
}
.service_con_wrap{
margin-bottom: 30px;
}
.service_con_wrap .service_ttl{
font-weight: bold;
padding: 7px 0 7px 15px;
border-left: 1px solid #67CDFE;
border-bottom: 1px solid #E3E3E3;
margin-bottom: 15px;
}

/*====================================*/
/*--フリースペース--*/
/*====================================*/

.free_space{
width: 100%;
clear: both;
margin-bottom: 30px;
}
.free_space table{
border-collapse: collapse;
margin-bottom: 10px;
}
.free_space table th, .free_space table td{
padding: 5px;
border: 1px solid #CCCCCC;
}

/*====================================*/
/*--マイチャンネルページ（mychannel.php）--*/
/*====================================*/

#mychannel_wrap {
}

.mychannel_box {
margin-bottom:20px;
background:#EFEFEF;
}

.mychannel_box dt{
width:300px;
float:left;
}

.mychannel_box dd {
width:360px;
float:right;
padding:10px 20px;
}

.mychannel_tit a {
color:#C00;
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}

.mychannel_comment {
}

#id_eror {
width:300px;
height:225px;
text-align:center;
vertical-align:middle;
display:table-cell;
background:#CCCCCC;
}