/**********************************************************************************************/
/**********************************************************************************************/
/*全体*/
/**********************************************************************************************/

body{
margin:0;
padding:0;
background-color:#FFFFFF;
color:#666666;
}

/*上付き、下付き関連*/
sup,
sub {
vertical-align: baseline;
position: relative;
}

sup {
top: -4px
}

sub {
top: 4px
}


/*全体の中央寄せ*/
#pagewidth{
width:760px;
background-color:#ffffff;
margin:0px auto 0px auto;
text-align:left;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

/*左側エリア*/
#left_area{
width:610px;
float:left;
padding:1px 5px 10px 5px;
border-left:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
}

/*右側エリア*/
#right_area{
width:128px;
float:right;
margin:1px 0px 10px 0px;
}

/**********************************************************************************************/
/**********************************************************************************************/
/*font関連*/
/**********************************************************************************************/

.font_10px{
font-size:63%;
line-height:120%;
}

.font_12px{
font-size:75%;
line-height:140%;
}

.font_16px{
font-size:100%;
font-weight:bold;
line-height:140%;
}

/**********************************************************************************************/
/**********************************************************************************************/
/*テキストタイトル関連*/
/**********************************************************************************************/

/*大タイトル用*/
h1.main_title{
margin:10px 0px 10px 0px;
font-size:100%;
font-weight:bold;
line-height:130%;
color:#666666;
}

/*中タイトル用*/
h2.title{
margin:10px 0px 10px 0px;
font-size:100%;
font-weight:bold;
line-height:130%;
color:#666666;
}

/*バックグラウンド付（左数字、右文言）タイトル用*/
h3.ttl{
background-color:#eeeeee;
min-height:1px;　/* IE 7対策 */
}

/*通常タイトル用*/
.ttl{
padding:5px 5px 3px 5px;
min-height:1px;　/* IE 7対策 */
}

/*左側：数字・※など用*/
.ttl_num{
width:25px;
height:auto;
display:block;
text-align:center;
float:left;
margin:2px 1px 2px 2px;
}

/*右側：文言用*/
.ttl_txt{
width:560px;
height:auto;
display:block;
float:left;
margin:2px 2px 2px 1px;
}

/*右側：文言用*/
.ttl_txt2{
width:380px;
height:auto;
display:block;
float:left;
margin:2px 2px 2px 1px;
}

/*通常タイトル用インデントあり*/
.ttl_indent{
padding:5px 5px 3px 35px;
min-height:1px;　/* IE 7対策 */
}

/*左側：数字・※など用*/
.ttl_num_indent{
width:25px;
height:auto;
display:block;
text-align:center;
float:left;
margin:2px 1px 2px 2px;
}

/*右側：文言用*/
.ttl_txt_indent{
width:500;
height:auto;
display:block;
float:left;
margin:2px 2px 2px 1px;
}

/*右側：文言用*/
.ttl_txt_indent2{
width:350px;
height:auto;
display:block;
float:left;
margin:2px 2px 2px 1px;
}

.W600{
width:600px;
}

/*---------------------------------------------------------------------*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */

.ttl_indent:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.ttl_indent{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .ttl_indent{ height:1px; }
.ttl_indent{ display:block; }
/* */

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */

.ttl:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.ttl{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .ttl{ height:1px; }
.ttl{ display:block; }
/* */

/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*---------------------------------------------------------------------*/

/**********************************************************************************************/
/**********************************************************************************************/
/*テキストエリア関連*/
/**********************************************************************************************/
.txt{
margin:10px 5px 10px 5px;
color:#666666;
}

/**********************************************************************************************/
/**********************************************************************************************/
/*画像横並び関連*/
/**********************************************************************************************/
/*メインイメージ用*/
.main_image{
margin:30px 0px 10px 0px;
}

/*メインイメージ以外*/
/*画像エリア*/
.img_box{
padding:5px 0px 3px 0px;
min-height:1px;　/* IE 7対策 */
}

/*画像横並び2つ用*/
.img2_left{
width:50%;
display:block;
float:left;
}

.img2_right{
width:50%;
display:block;
float:right;
}

/*画像横並び3つ用*/
.img3_left{
width:33%;
display:block;
float:left;
}

.img3_center{
width:34%;
display:block;
float:right;
}

.img3_right{
width:33%;
display:block;
float:right;
}

/*---------------------------------------------------------------------*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.img_box:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.img_box{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .img_box{ height:1px; }
.img_box{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*---------------------------------------------------------------------*/


/**********************************************************************************************/
/**********************************************************************************************/
/*日付・ロゴ配置・カテゴリー*/
/**********************************************************************************************/

.date{
margin:10px 0px 10px 0px;
font-size:75%;
color:#444444;
}

.category{
margin:10px 0px 10px 0px;
font-size:122%;
font-weight:bold;
color:#666666;
}

.logo{
margin:10px 10px 10px 0px;
}


/**********************************************************************************************/
/**********************************************************************************************/
/*右側バナー関連*/
/**********************************************************************************************/
.btn_pos{
margin:10px 0px 10px 0px;
}

.line_pos{
margin:10px 0px 10px 0px;
}

.txt_box{
margin:10px 0px 10px 5px;
}


/**********************************************************************************************/
/**********************************************************************************************/
/*[仕様テーブル関連]*/
/**********************************************************************************************/

/*外枠*/
table.spec{
border-right: 1px solid #cccccc;
border-left: 2px solid #cccccc;
border-top: 1px solid #cccccc;
border-bottom: 2px solid #cccccc;
}

/*セル*/
table.spec td {
border-right: 1px solid #cccccc;
border-top: 1px solid #cccccc;
font-size:75%;
color:#666666;
line-height:140%;
padding:5px 5px 5px 5px;
vertical-align:top;
}

/*------------------------------------------------------*/
/*仕様テーブルを加工する場合に使用する                  */

/*テキスト、バックグラウンドカラー*/
table.spec td.LG{background-color:#eeeeee;text-align:left;}
table.spec td.CG{background-color:#eeeeee;text-align:center;}
table.spec td.RG{background-color:#eeeeee;text-align:right;}

table.spec td.LW{background-color:#ffffff;text-align:left;}
table.spec td.CW{background-color:#ffffff;text-align:center;}
table.spec td.RW{background-color:#ffffff;text-align:right;}

table.spec td.LWM{background-color:#ffffff;text-align:left; vertical-align:middle}
table.spec td.CWM{background-color:#ffffff;text-align:center; vertical-align:middle}
table.spec td.RWM{background-color:#ffffff;text-align:right; vertical-align:middle}

/*左側ライン*/
table.spec td.T0{border-top:0px solid #cccccc;}
table.spec td.T1{border-top:1px solid #cccccc;}
table.spec td.T2{border-top:2px solid #cccccc;}
/*左側ライン*/
table.spec td.R0{border-right:0px solid #cccccc;}
table.spec td.R1{border-right:1px solid #cccccc;}
table.spec td.R2{border-right:2px solid #cccccc;}
/*左側ライン*/
table.spec td.B0{border-bottom:0px solid #cccccc;}
table.spec td.B1{border-bottom:1px solid #cccccc;}
table.spec td.B2{border-bottom:2px solid #cccccc;}
/*左側ライン*/
table.spec td.L0{border-left:0px solid #cccccc;}
table.spec td.L1{border-left:1px solid #cccccc;}
table.spec td.L2{border-left:2px solid #cccccc;}


/**********************************************************************************************/
/*問い合わせ・市場価格関連*/
/**********************************************************************************************/

.toiawase{
margin:5px 5px 5px 5px;;
padding:10px;
color:#666666;
border:2px solid #cccccc;
}

.toiawase_title{
margin:5px;
font-size:85%;
line-height:130%;
font-weight:bold;
}

.toiawase_txt{
margin:5px 5px 5px 20px;
font-size:75%;
line-height:130%;
}

.toiawase_caption{
margin:5px 5px 5px 15px;
font-size:63%;
line-height:130%;
}

/**********************************************************************************************/
/*その他*/
/**********************************************************************************************/
.clear_h{
clear:left;
}

hr{
margin:10px 0px 10px 0px;
height:1px;
border-top:1px solid #CCCCCC;
border-left:none;
border-right:none;
border-bottom:none;
}