@charset "utf-8";
/***************************************************************/
/********************* メイン　背景設定等 ************************/
/***************************************************************/

body {
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
width: 100%;
padding: 0px;
margin: 0px;
background: #fff url(_file/bg.png) repeat-x;
}


#frame {
width: 100%;
margin: 0 auto;
}
#wrap{
background-color: #FFFFFF;
/*background-image: url(pcimage/body_bg.jpg);*/
background-repeat: repeat-y;
background-position: left;
width: 960px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
text-align: left;
clear: both; 
padding-top: 30px;
}

/* font */
.f12{
font-size:18px;
}
.f10_gray{
font-size:10px;
color: #999999;
}

/***************************************************************/
/************************** ヘッダ設定 **************************/
/***************************************************************/

#header{
background-image: url(pcimage/head.jpg);
background-repeat: no-repeat;
height: 60px;
width: 960px;
margin-left: auto;
margin-right: auto;
/*border: 1px solid #FCDBDE;*/
}

a.logo_click {
display: block;
width: 170px;
height: 38px;
margin: 0 0 0 0;
padding: 0;
position: relative;
top: -35px;
left: -73px;
border: 0px solid #FCDBDE;
}

#header h1{
width: 760px;
font-size: 13px;
color: #666666;
float: right;
line-height: 15px;
height: 15px;
padding-right: 5px;
padding-bottom: 0px;
margin-top: 15px;
text-align: right;
}
#HeaderText{
width: 580px;
height: 15px !important;
font-size: 14px;
color: #666666;
font-weight: bold;
float: right;
line-height: 6px;
padding-right: 5px;
padding-bottom: 5px;
text-align: right;
}

#HeaderText a {
text-decoration: underline;
}

.fontTel{
font-size: 14px;
}

#top_header{
width: 100%;
height: 100%;
margin: 0 auto 5px;
padding-bottom: 0px;
/*border: 1px solid #FCDBDE;*/
background-color: #000000;
position:relative;
}
#top_header:after, #portfolio:after, img:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/**/
*html #top_header, *html #portfolio, *html img {
    height: 1em;
}
#top_header, #portfolio, img {
    display: block;
}
#top_header > #portfolio {
height: auto;
}
/**/
#top_header #portfolio {
	width: 100%;
	min-width: 1291px;
	height: 700px !important;
	float: none !important;
	margin-left: auto;
	margin-right: auto;
}
#top_header li {
	height: 100%;
	width: 100%;
	overflow: hidden;

background-size:cover;
}
#top_header li img {
	width: 100%;
	min-width: 960px;
	height: auto;
}
#top_header ul,
#top_header li,
ul#portfolio{
	margin-bottom: 0 !important;
}
#headerCopy{
font-size: 18px;
font-weight: bold;
color: #333333;
line-height: 24px;
text-align: left;
float: left;
width: 700px;
margin-top: 105px;
padding-right: 50px;
padding-left: 37px;
}

#headerSubCopy{
font-size: 13px;
font-weight: bold;
color: #666666;
float: left;
width: 700px;
line-height: 15px;
padding-right: 50px;
margin-top: 5px;
padding-left: 37px;
text-align: left;
}

#SiteSearch{
width: 880px;
float: right;
font-size: 12px;
line-height: 15px;
height: 15px;
padding-right: 20px;
padding-bottom: 0px;
margin-top: 0px;
text-align: right;
display: inline;
}

/***************************************************************/
/*********************** コンテンツヘッダ設定 *********************/
/***************************************************************/

/***************************************************************/
/*********************** コンテンツヘッダ設定 *********************/
/***************************************************************/

#contents_header {	
padding-top: 0px;
background-repeat: no-repeat;
background-position: top left;
background-color: #666666;
background-image: url(pcimage/contents_header.jpg);
height: 10px;
width: 0px;
margin: 0px auto 0px !important;
float: none !important;
position:relative;
display:none;
/*/margin-top: 9px; /*IE互換用*/
}

#contents_header:after, #portfolio:after, img:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/**/
*html #contents_header, *html #portfolio, *html img {
    height: 1em;
}
#portfolio, img {
    display: block;
}
#contents_header > #portfolio {
height: auto;
}
/**/
#contents_header #portfolio {
	width: 0%;
	min-width: 1px;
	height: 0px !important;
	float: none !important;
	margin-left: auto;
	margin-right: auto;
}
#contents_header li {
	height: 0%;
	width: 0%;
	overflow: hidden;
}
#contents_header li img {
	width: 0%;
	min-width: 0px;
	height: auto;
}
#contents_header ul,
#contents_header li,
ul#portfolio{
	margin-bottom: 0 !important;
}

#PageSubHeaderCopy{
        font-size: 0px;
font-weight: bold;
color: #666666;
float: left;
width: 700px;
line-height: 1px;
padding-right: 50px;
margin-top: 1px;
padding-left: 37px;
text-align: left;
padding-bottom: 16px;
}

/***************************************************************/
/************************** サイド設定 **************************/
/***************************************************************/

#side{
background-color: #FFFFFF;
float: left;
width: 250px;
margin-left: 0px;
min-height:600px;

overflow: hidden;
display: block;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
}
#side h4{
float: left;
width: 220px;

font-size: 12px;
color: #e7e7e7;
line-height: 22px;
text-align: left;

margin-top: 5px;
margin-bottom: 5px;

padding-top: 8px;
padding-bottom: 5px;
padding-left: 20px;
padding-right: 8px;

border: 1px solid #dddddd;
background-color: #000000;
background-position: left top;

overflow: visible;
display: inline;

}
#side h4 a{
color: #333333;
text-decoration: underline;

}
#side h4 a:hover{
color: #333333;
}
#side .subject{
float: left;

width: 222px;
height:80px;
overflow:hidden;
font-size: 12px;
color: #333333;
text-decoration: underline;
line-height: 20px;
text-align: left;

border: 1px solid #FFFFFF;
background-image: url(pcimage/btn_c.jpg);
background-color: #FFFFFF;
padding-top: 5px;
padding-left: 16px;
padding-right: 10px;
padding-bottom: 10px;
margin-top: 3px;
margin-bottom: 3px;
display: inline;
border-bottom: 1px solid #cccccc;

}

#side .subject a{
color: #333333;
text-decoration: none;
}

.P_Title{
width: 100px;
height:80px;
float: left;
overflow:hidden;
}

#side .subject2{
float: left;

width: 240px;
font-size: 12px;
color: #333333;
text-decoration: none;
line-height: 17px;
text-align: left;

border: 1px solid #FFFFFF;

background-color: #EDEFEF;

padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;

margin-top: 3px;
margin-bottom: 3px;

display: inline;
}
#side .subject a:hover{
color: #999999;
}
#side .subject2 a{
color: #999999;
text-decoration: none;
}
#side .subject2 a:hover{
color: #666666;
}
#QR {
float: left;
width: 230px;

background-color: #FFFFFF;
border: 1px solid #FFFFFF;
margin-bottom: 5px;
text-align: center;
padding: 9px;
}
#side_company,#side_free,#side_free2 {
font-size: 12px;
float: left;
width: 230px;

background-color: #FFFFFF;
border: 1px solid #FFFFFF;
margin-bottom: 5px;
margin-top: 5px;
text-align: left;
line-height: 1.3em;
padding: 9px;
}
#side_free2{
text-align: center;
}
#side_free2 form{
display: inline;
margin: 0px;
} 

/***************************************************************/
/************************** メイン設定 **************************/
/***************************************************************/

#main{
float: left;
width: 650px;
min-height:600px;
background-color: #FFFFFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 10px;
margin-left:15px;
/*margin-right:10px;*/
overflow: hidden;
display: inline;
padding-left: 0px;
　　　　 clear: both; 
}

/***************************************************************/
/******************** ボディ画像　テキスト設定 ********************/
/***************************************************************/

#main .contentsbox01{
float: right;
width: 650px;
/*height: 250px;*/
border: 0px solid #ffffff;

text-align: left;
font-size: 13px;
line-height: 1.8em;
color: #333333;

padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;

background-repeat: no-repeat;
background-color: #ffffff;
//*background-image: url(pcimage/body.jpg);*//
background-position: top left;

margin-bottom: 0px;
margin-left: 0px;

overflow: visible;
}

#main .contentsbox01 img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}


/***************************************************************/
/************************** タイトル設定 *************************/
/***************************************************************/

/*** コンテンツページ　記事タイトル ***/
#main .page_title {

/*background-image: url(pcimage/bar.jpg);
background-repeat: no-repeat;*/
float: left;
/*height: 30px;*/
width: 635px;
padding-left: 15px;
text-align: left;
margin-top: 10px;
margin-bottom: 10px;
color: #333333;
font-size: 12px;
border: 0px solid #cfcfcf;
}


/*** TOPページタイトルH2 ***/
#main h2.page_title{
background-image: url(pcimage/bar.jpg);
/*background-repeat: no-repeat;*/
/*height: 60px;*/
float: left;
width: 625px;
font-size: 14px;
color: #ffffff;
text-align: left;
padding-left: 25px;
line-height: 50px;
margin-top: 0px;

}

/*** コンテンツページ　テーマタイトル ***/
#main h3.page_title{
background-image: url(pcimage/bar.jpg);
background-repeat: no-repeat;
float: left;
height: 50px;
width: 625px;
font-size: 12px;
color: #333333;
text-align: left;
padding-left: 25px;
line-height: 50px;
margin-top: 10px;
}



/***************************************************************/
/************************* フリースペース ************************/
/***************************************************************/
#main #Facebook,
#main #GoogleCalendar,
#main #Twitter,
#main #free_space{
float: left;
width: 640px;
border: 1px solid #FFFFFF;
background-color: #FFFFFF;

text-align: center;
font-size: 12px;
line-height: 1.3em;
color: #333333;
padding: 0px;
overflow: hidden;

margin-top: 5px;
margin-bottom: 15px;

}




/*** TOPフリータグ H2 ***/
#main  #free_space h2.page_title{
background-image: url(pcimage/bar.jpg);
/*background-repeat: no-repeat;*/
/*height: 60px;*/
float: left;
width: 635px;
font-size: 14px;
color: #ad0100;
text-align: left;
padding-left: 25px;
line-height: 50px;
margin-top: 10px;

}

/*** TOPフリータグ h3 ***/
#main  #free_space h3.page_title3{
float: left;
height: 30px;
width: 100%;
font-size: 12px;
color: #333333;
text-align: left;
padding-left: 10px;
line-height: 30px;
margin-top: 10px;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #C00;
margin-left: 10px;
}


#main  #free_space h4.page_title4{
height: 20px;
font-size: 12px;
color: #333333;
text-align: left;
line-height: 20px;
margin-top: 0px;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #C00;
padding-left: 5px;
}


#main #free_space p {
margin-left: 10px;
}

#main #free_space img {
/*float: left;*/
/*padding-right: 10px;*/
　　　　padding-left: 10px;
padding-bottom: 20px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

#main  #free_space hr {
width: 96%;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #CCC;
height: 1px;
}

/***************************************************************/
/************************ ボディバナー設定 ***********************/
/***************************************************************/

.top_item,
.top_item_r
{
width: 208px;
height: 230px;
border: 0px solid #FFFFFF;
margin-top: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.top_item{
float: left;
margin-right: 10px;
}
.top_item_r{
float: right;
}

.top_item h3,
.top_item_r h3{
width: 204px;
font-size: 15px;
font-style: normal;
font-weight: bold;
line-height: 25px;
color: #333333;
padding-top: 3px;
padding-left: 5px;
padding-bottom: 5px;
float: left;
        margin: 0px;
}

.top_item h3 a:link,
.top_item_r h3 a:link{
color: #333333;
}
.top_item h3 a:visited,
.top_item_r h3 a:visited{
color: #333333;
}
.top_item h3 a:hover,
.top_item_r h3 a:hover{
color: #000000;
}
.top_item_img{
height: 120px;
width: 204px;
float: left;
background-color: #FFFFFF;
padding-top: 3px;
padding-left: 3px;
padding-bottom: 5px;
}
.top_item_txt{
float: left;
width: 198px;
font-size: 12px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}


/***************************************************************/
/******************* 最新情報･最新記事一覧 設定 *******************/
/***************************************************************/

.news_bar{
font-size: 12px;
font-weight: bold;
background-image: url(pcimage/bar.jpg);
background-color: #FFFFFF;
background-repeat: no-repeat;
height: 50px;
width: 625px;
margin-top: 5px;
margin-bottom: 0px;
overflow: hidden;
padding-left: 25px;
line-height: 50px;
text-align: left;
color: #333333;
float: left;
border: 0px solid #FFFFFF;
}
.news_bar img{
display: inline;
position: relative;
top: 3px;
}
#news_box{
width: 648px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #FFFFFF;
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
float: left;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
overflow: auto;
margin-bottom: 10px;
background-color: #FFFFFF;
}
.news_text{
font-size: 12px;
line-height: 1.2em;
text-align: left;
float: left;
width: 600px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
margin: 0px;
}
.news_text a{
color:#333333;
text-decoration:none;
}
.news_text a:hover{
color: #0FB2E9;
}

/***************************************************************/
/************************* ブログRSSBOX *************************/
/***************************************************************/

.contents_box{
padding: 5px;
float: left;
width: 638px;
border: 1px solid #FFFFFF;
margin-bottom: 10px;
}
.contents_box_img{
}
.contents_box_text{
font-size: 12px;
line-height: 1.3em;
}

.page_title_grey{
font-size: 12px;
font-weight: bold;
background-image: url(pcimage/bar.jpg);
background-color: #FFFFFF;
background-repeat: no-repeat;
height: 50px;
width: 625px;
margin-top: 10px;
margin-bottom: 0px;
overflow: hidden;
padding-left: 25px;
line-height: 50px;
text-align: left;
color: #333333;
float: left;
}


/***********************コンテンツページ**************************/
/************************ 記事タイトル ***************************/
/***************************************************************/

/*　記事タイトル　*/
.contents_title{
font-size: 14px;
line-height: 30px;
font-weight: bold;
color: #000000;
width: 95%;
text-align: left;
display: block;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 8px;
padding-left: 15px;
margin-left: 6px;
float: left;
margin-bottom: 0px;
background-color: #ffffff;
border: 1px #cccccc;
}

/***************************************************************/
/************************* 記事ページ設定 ************************/
/***************************************************************/

#main .contentsbox05{
float: left;
width: 640px;
/*border: 1px solid #CCCCCC;*/
background-color: #FFFFFF;
margin-top: 0px;
margin-bottom: 10px;
text-align: left;
font-size: 14px;
line-height: 1.6em;
color: #333333;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

#main .contentsbox05 .contents_title{
font-size: 14px;
line-height: 57px;
font-weight: bold;
color: #333333;
width: 640px;
text-align: left;
display: block;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 8px;
padding-left: 65px;
margin-left: 0px;
float: left;
margin-bottom: 0px;
background-image: url(_file/contents_box_h3.jpg);
background-repeat: no-repeat;
}

#main .contentsbox05 h3{
font-size: 15px;
line-height:30px;
font-weight: bold;
color: #333;
text-align: left;
padding-top: 5px;
padding-bottom: 5px;
border-left-width: medium;
border-left-style: solid;
border-left-color: #C00;
padding-left: 5px;
background-color: #DEDEDE;
}

#main .contentsbox05 h4{
font-size: 14px;
line-height: 57px;
font-weight: bold;
color: #333333;
width: 640px;
text-align: left;
display: block;
padding-top: 0px;
padding-bottom: 5px;
margin-top: 8px;
padding-left: 65px;
margin-left: 0px;
float: left;
margin-bottom: 5px;
background-image: url(_file/contents_box_h3.jpg);
background-repeat: no-repeat;
}

#main .contentsbox05 h5{
font-size: 12px;
line-height:20px;
font-weight: bold;
color: #333;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
border-left-width: medium;
border-left-style: solid;
border-left-color: #C00;
padding-left: 5px;
}

#main .contentsbox05 hr {
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: #CCC;
height: 1px;
}



/***************************************************************/
/***************************************************************/
/***************************************************************/

#main .contents_navi{
float: left;
width: 644px;
border: 1px solid #CCCCCC;
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-size: 12px;
line-height: 15px;
color: #333333;
padding: 2px;
overflow: hidden;
}
#main .contents_navi a{
color: #333333;
text-decoration: underline blue;
}
#main .contents_navi a:hover{
color: #0FB2E9;
}

/***************************************************************/
/*************************** パンくず ***************************/
/***************************************************************/

.p_navi{
font-size: 12px;
margin: 5px 0 5px 0;
padding: 0px;
float: left;
}

/***************************************************************/
/************************* フッターの設定 ************************/
/***************************************************************/

#footer{
font-size: 12px;
color: #FFFFFF;
text-align: center;
line-height: 30px;
background-color: #000000;
width: 100%;
height: 310px;
margin: 0px;
float: left;


background-image: url(pcimage/foot.jpg);
background-position: center top;
background-repeat: repeat-y;
}
#footerBox{
width:960px;
margin-right: auto;
margin-left: auto;
text-align: center;

}
#footerBox #footer_text{
width:880px;
height: 270px;
font-size: 12px;
text-align: left;
color: #FFFFFF;
line-height: 15px;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
overflow: hidden;


}
#footerBox #copyright{
font-size: 12px;
color: #FFFFFF;
text-align: center;
line-height: 18px;
height: 20px;

}


/***************************************************************/
/************************** ヘッダメニュー ***********************/
/***************************************************************/

#header_menu{

width: 960px;

line-height: 47px;

height: 58px;

margin: 0px auto 0 auto;

overflow: hidden;

padding-top: 0px;

/*padding-bottom: 5px;*/



}



.h_menu00,

.h_menu00 a:link,

.h_menu00 a:visited,

.h_menu00 a:hover,

.h_menu00a,

.h_menu00a a:visited,

.h_menu00a a:link,

.h_menu00a a:hover

{



height: 45px;

width: 160px;

float: left;

text-align: center;

line-height: 50px;

display: block;

border-left: 0px solid #000000;

border-right: 0px solid #000000;

font-size:12px;

color: #FFFFFF;

font-weight: bold;

text-decoration: none;

}



.h_menu00 a:link,

.h_menu00 a:visited,

.h_menu00a a:link,

.h_menu00a a:visited{

background-image: url(pcimage/h_menubtn.jpg);

background-repeat: no-repeat;

background-position: left top;

color: #FFFFFF;

text-decoration: none;

}



.h_menu00 a:hover,

.h_menu00a a:hover{

background-image: url(pcimage/h_menubtn.jpg);

background-repeat: no-repeat;

background-position: left bottom;

color: #CCCCCC;

text-decoration: none;

}
/***************************************************************/
/************************** アンダーライン ***********************/
/***************************************************************/

.under_line{
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999999;
}


/***************************************************************/
/***************************************************************/
/***************************************************************/

.contents_title_gray{
font-size: 12px;
line-height: 15px;
font-weight: bold;
color: #666666;
border: 1px solid #cfcfcf;
background-color: #EAEAEA;
width: 638px;
text-align: left;
display: block;
height: 15px;
text-indent: 10px;
overflow: hidden;
float: left;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.contents_title_gray a{
color: #666666;
text-decoration: none;
}
.contents_title_gray a:hover{
color: #666666;
}

/***************************************************************/
/******************* ショッピング･カタログ機能設定 *****************/
/***************************************************************/

#main .catalog{
float: right;
width: 628px;
border: 1px solid #ebebeb;
background-color: #FFFFFF;

text-align: left;
font-size: 12px;
line-height: 1.3em;
color: #333333;
padding: 10px;
overflow: hidden;

margin-top: 5px;
margin-bottom: 15px;
}

.prod_box{
width:208px;
height:295px;
margin-top:10px;
margin-right:5px;
background-color:#FAFAFA;
float:left;
display:block;
text-align:center;
overflow:hidden;
}
.prod_box_e{
width:208px;
height:295px;
margin-top:10px;
background-color:#FAFAFA;
float:right;
display:block;	
text-align:center;
overflow:hidden;
}
.prod_box a,
.prod_box_e a{
width:208px;
height:295px;
display:block;
color: #333333;
text-decoration: none;
}
.prod_box a:hover,
.prod_box_e a:hover{
width:208px;
height:295px;
background-color:#EAEAEA;
display:block;
text-decoration: none;
}
.prod_box img,
.prod_box_e img{
width:160px;
height:120px;
padding:4px;
border:#CCCCCC solid 1px;
text-align:center;
float:left;
margin-top:10px;
margin-left:19px;
}
.prod_box  .prod_price,
.prod_box_e  .prod_price{
width:158px;
height:60px;
text-align:center;
font-size:12px;
font-weight:bold;
float:left;
margin-top:5px;
margin-left:19px;
color: #000000;
text-decoration: none;
overflow: hidden;
}
.prod_box  .prod_price img,
.prod_box_e  .prod_price img{
width:50px;
height:15px;
text-align:left;
float:left;
margin:0;
padding:0;
}
.prod_box  .prod_text,
.prod_box_e  .prod_text{
width:178px;
height:100px;
text-align:left;
font-size:12px;
float:left;
margin-top:5px;
margin-left:9px;
}
.f_price{
font-size: 12px;
font-weight: bold;
color: #000000;
text-decoration: none;
line-height:16px;
}
.f_priceB{
font-size: 16px;
font-weight: bold;
color: #CC0000;
text-decoration: none;
line-height:1.2em;
}

/*カタログ設定*/
.catalog{
float: left;
width: 628px;
border: 1px solid #ebebeb;
background-color: #FFFFFF;

text-align: left;
font-size: 12px;
line-height: 1.3em;
color: #333333;
padding: 0px;
overflow: hidden;

margin-top: 5px;
margin-bottom: 15px;

}
.CTcateNameBox{
float: left;
width: 97%;
border: 1px solid #ebebeb;
background-color: #FFFFFF;
height: 100px;
padding: 5px;
overflow: hidden;
}
.CTcateNameSpace{
float: left;
width: 25%;
border-right: 1px solid #ebebeb;
background-color: #ebebeb;
padding: 5px;
overflow: hidden;
height: 90px;
}
.CTitemNameSpace{
float: left;
width: 20%;
padding: 3px;

text-align: left;
font-size: 12px;
overflow: hidden;
margin-bottom: 2px;
}

/*カタログ　問い合わせリンク設定*/
.CTtitleBar{
font-size: 16px;
line-height: 20px;
font-weight: bold;
color: #999999;
border: 1px solid #cfcfcf;
background-color: #EAEAEA;
width: 638px;
text-align: left;
display: block;
height: 20px;
text-indent: 10px;
overflow: hidden;
float: left;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
}
.CTtitleBar a{
color: #333333;
text-decoration: none;
}
.CTtitleBar a:hover{
color: #666666;
}

/*カタログ　スペック表示設定*/
.CTspecBox{
float: left;
width: 95%;

/*border: 1px solid #ebebeb;*/
background-color: #FFFFFF;
line-height: 2em;
padding: 1px;
overflow: hidden;
}
.CTspecName{
float: left;
width: 30%;

text-align: left;
font-size: 12px;
overflow: hidden;
background-color: #ebebeb;
border-right: 1px solid #ebebeb;
line-height: 2.5em;
padding-left: 5px;
}
.CTspec{
float: left;
width: 60%;
padding: 3px;

text-align: left;
font-size: 12px;
overflow: hidden;
line-height: 2.5em;
padding-left: 5px;
}

/***************************************************************/
/************************** BBS機能設定 *************************/
/***************************************************************/

.bbsbox{
font-size: 12px;
overflow: hidden;
margin-bottom: 10px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px;
}
dt.bbsdt{
line-height: 25px;
padding: 3px;
font-size: 12px;
text-decoration: none;
margin: 3px;
background-color: #FFF;
float: left;
width: 620px;
}
.bbstitle{
font-size: 14px;
line-height: 2.0em;
text-decoration: none;
width: 600px;
margin-bottom: 5px;
margin-left: 10px;
}

/***************************************************************/
/***************************************************************/
/***************************************************************/

.p_center{
text-align: center;
margin: 0;
padding: 0;
}

/***************************************************************/
/*************************　clearfix　***************************/
/***************************************************************/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-table;
    min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/***************************************************************/
/***************************　END　*****************************/
/***************************************************************/


.img_left {
padding-right: 10px;
padding-bottom: 10px;
}

#footer-link a:link { color: #ffffff; }
#footer-link a:visited { color: #ffffff; }

@media screen and (max-width: 1290px){
 #footer {
		max-width: initial;
  }
}

@media screen and (max-width: 769px){
	body {
		max-width: initial;
width:760px;
	}
	#header {
		max-width: initial;
width:760px;
	}
	#frame {
		max-width: initial;
width:760px;
	}
	#footer {
		max-width: initial;
width:760px;
	}
}

#lf_footer .gnav_f {
    margin-left: 40px;
  }

#lf_footer .gnav_f > ul {
  list-style-type:none;
  width: 100%;
  float: left;
  padding: 0px 0 6px;
  border-bottom: 1px dotted #333333;
}

#lf_footer .gnav_f > ul.last {
  border-bottom: none;
}

#lf_footer .gnav_f .f_dt {
  width: 110px;
  line-height: 1;
  float: left;
  height: 5px;
}

#lf_footer .gnav_f .f_dt a {
  display: block;
  float: left;
  color: #FFF;
  font-weight: bold;
}

#lf_footer .gnav_f .f_dt a:hover {
  text-decoration: underline;
}

#lf_footer .gnav_f .f_dd {
  padding-top: 1px;
  overflow: hidden;
  font-size: 90%;
}

#lf_footer .gnav_f .f_dd a {
  float: left;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 5px;
  color: #cccccc;
}

#lf_footer .gnav_f .f_dd a:hover {
  color: #FFF;
}

#lf_footer .gnav_f .f_dd span {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  float: left;
  line-height: 1;
  height: 10px;
  margin: 0 6px 0 2px;
  color: #666666;
}

p.author {text-indent: -9999px;}

table.table-line { 
border-collapse: collapse; 
border: 1px #CCCCCC solid; 
} 

table.table-line TD { 
border: 1px #CCCCCC solid;
padding: 5px;
} 

/***************************************************************/
/***********************更新記事表示　*****************************/
/***************************************************************/
.update_news_box{
	width:640px;
	height:170px;
	padding:5px;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #CCC;
	margin-top:5px;
	margin-bottom:5px;
	position: relative;
}
.update_news_box a{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.update_news_box a:hover{
background-color: #CCC;
	opacity: 0.3;
}
.update_news_box_img{
	width:250px;
	height:150px;
	overflow: hidden;
	border:solid 1px #CCCCCC;
	float: left;
}

.update_news_box_subject{
	float: left;
	width:365px;
	height:17px;
	text-align: left;
	font-weight:bold;
	line-height:20px;
	font-size: 16px;
	padding:5px;
	padding-left:15px;
	overflow: hidden;
}
.update_news_box_text{
	float: right;
	width:365px;
	height:70px;
	text-align: left;
	font-size: 12px;
	padding:5px;
	overflow: hidden;
	line-height:1.4em;
	color:#999;
}

.update_news_box_more{
	width:365px;
	height:20px;
	line-height:20px;
	float: right;
	font-size: 12px;
	padding:5px;
	background-image:url(_file/more_read_btn.png);
	background-position:right;
	background-repeat:no-repeat;
	text-align: left;
	color:#666;
}
.update_news_box_more img{
		float: right;
}
a img{
border-style:none;
}
a img:hover{
filter:alpha(opacity=80);
opacity:0.8;
} 

.center{
 text-align: center;
}


iframe {
  max-width: 100%;
}
/*縦を優先する場合*/
/*.PageMenuIcon{
	float: left;
	height:50px;
	max-width:80px;
	clear:both;
}*/

/*横を優先する場合*/
.PageMenuIcon{
	float: left;

width:130px;
height:70px;
	clear:both;
        padding-right:10px;
        overflow:hidden;

}

.PageMenuIcon img{
	width:130px;
	height:70px;
	object-fit: cover;
}

/***************************************************************/
/*************************** ページバナー ***************************/
/***************************************************************/

.PageBanner01{
	font-size: 12px;
	margin: 10px;
	float: left;
}
.PageBanner02{
	font-size: 12px;
	margin: 10px;
	float: left;
}