td,th{font-family:"Verdana","MS PGothic",sans-serif;font-size:0.83em;line-height:140%;color:#505050;}

body{margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;font-family:"Verdana","MS PGothic",sans-serif;font-size:0.75em;line-height:140%;color:#505050;}


/*======タイトル========*/
h1{font-size:100%;font-weight:bold;padding-bottom:0px;margin-bottom:2px;}	
h2{font-size:130%;font-weight:bold;margin-top:-1px;margin-bottom:5px;letter-spacing:2px;}	
h3{font-size:110%;line-height:130%;font-weight:normal;margin-top:1px;margin-bottom:17px;}

a:link{color:#660000;}

a:visited{color:#663300;}

a:hover{color:#FF0000;}

.divtopics{width:380px;height:155px;font-size:0.85em;line-height:140%;background-color:#F6F6F6;overflow:auto;}




/*======　ヘッダー　========*/

div#head{
     width:100%;
	 height:58px;
}/*　ヘッダー全体の幅　*/

.img_top_headgazo {
	background-image: url(../img/top/kanban_12_back.jpg); 
}/*　ヘッダー背景画像*/



/*======　上メイン　========*/

div#main_top{
     width:1100px;
}/*　メイン全体の幅　*/


/*======　上メイン（左）　========*/

/*
div#left_navi{
     width:180px;
     float:right;
}
*/

div#primary{
     width:880px;
	 float:left;
}/*　左メイン全体幅　*/

div#main1_ranking{
	width:880px;
	clear: both;
	margin-bottom: 40px;
}/*　左メイン1（ランキング）の全体幅＆下幅　*/

.under_img {
	margin-bottom: 3px;
}/*　左メイン1（ランキング）の順位画像の下幅　*/

/*
.under_ranking {
	margin-top: 70px;
	margin-bottom: 100px;
}*/

/*
div#main1 br {
font-size: 1px;
line-height: 1px;
display: block;
margin: 0px;
padding: 1px;
clear: both;
height: 1px;
width: 1px;
}
*/

.ranking {
	margin-bottom: 50px;
}/*　左メイン1（ランキング）の下幅　*/





div#main1_annai{
	width:880px;
	clear: both;
}/*　左メイン1（ランキング下にin）全体幅　*/




div#main2_text{
	width:880px;
	clear: both;
}/*　左メイン2（お得情報上のテキスト）全体幅　*/


.main2_text_bgcolor {
	background-color:#fed1d1;
}



div#main2_2000{
	width:880px;
	clear: both;
}/*　左メイン2（2000円引き）の全体幅　*/

div#main2_box1 {
float: left;
width: 438px;
/*　画像のすぐ下に文字がある時は表示
margin-bottom: 35px;
*/
}/*　左メイン2の中の左（1000pt）全体幅　*/

div#main2_box2 {
float: right;
width: 438px;
margin-left: 4px;
/*　画像のすぐ下に文字がある時は表示
margin-bottom: 35px;
*/
}/*　左メイン2の中の右（1000円引き）全体幅　*/

/*
div#main2 br {
font-size: 1px;
line-height: 1px;
display: block;
margin: 0px;
padding: 1px;
clear: both;
height: 1px;
width: 1px;
}
*/



div#main3_toku{
	width:880px;
	clear: both;
}/*　左メイン3（お得情報）の全体幅　*/

.main3_toku_bgcolor {
	background-color:#fed1d1;
}



div#main4_newa_jiman{
	width:880px;
	clear: both;
}/*　左メイン4（ニュース＆自慢）の全体幅　*/

.news{
	float: left;
	width: 500px;
	margin-bottom: 50px;
}/*　左メイン4の中の左（ニュース）幅など*/

.jiman_img{
	float: right;
	margin-left: 15px;
	margin-bottom: 40px;
}/*　左メイン4の中の右（自慢）幅など*/



div#main5_3bana{
	width:880px;
	clear: both;
	margin-bottom: 50px;
}/*　左メイン5（新作＆プレミアム＆16の理由）の全体幅　*/

div#main5_box1 {
float: left;
width: 270px;
}/*　左メイン5の中の左（新作）幅など*/

div#main5_box2 {
float: left;
width: 270px;
margin-left: 35px;
}/*　左メイン5の中の中（プレミアム）幅など*/

div#main5_box3 {
float: right;
width: 270px;
}/*　左メイン5の中の右（16の理由）幅など*/



div#main6_kakaku{
	width:880px;
	clear: both;
}/*　左メイン6（価格検索）の全体幅　*/

.img_kakakuken {
	background-image: url(../banner/kakakuhai_top880.jpg); 
}/*　左（価格帯別検索）背景画像*/



div#main7_jyosen{
	width:880px;
	clear: both;
}/*　左メイン7（表札で選ぶ）の全体幅　*/

.img_jyoerabu {
	background-image: url(../banner/jyoerahai_top880.jpg); 
}/*　左（価格帯別検索）背景画像*/



/*======　上メイン（右）　========*/

/*
div#main_right{
     width:620px;	
	float: right;
}
*/

div#right_navi{
	float: right;
	width:180px;
	padding:10px 10px;
	background-color: #934900;
}/*　右ナビ全体幅など　*/

.right_smi_img10{
	margin-bottom: 10px;
}/*　右ナビ下幅10　*/

.right_smi_img20{
	margin-bottom: 20px;
}/*　右ナビ下幅20　*/
	
.right_smi_img30{
	margin-bottom: 30px;
}/*　右ナビ下幅30　*/

.right_smi_img40{
	margin-bottom: 40px;
}/*　右ナビ下幅40　*/

.kakaku_fonts{
	font-size: x-small;
}/*　右ナビ（ランキング内）価格サイズ　*/






/*======　中メイン　========*/


div#main_under{
     width:1100px;
	 margin-top: 100px;
}/*　中メイン全体の幅　*/


/*======　商品別のオススメ　========*/

.syobetu_type {
	margin-bottom: 100px;
}/*　オススメから下幅　*/

.syohin_mozi {
	position: absolute;
	top: -234px;
	left: 29px;
	font-size: 16px;
	line-height: 20px;
	color: #FFFFFF;
	font-family:"ＭＳ 明朝", "MS Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}/*　画像上文字の配置場所　*/

div#s_osu_1dan{
	width:1100px;
	clear: both;
	margin-bottom: 30px;
}/*　オススメ1段目の全体幅　*/

div#s_osu_2dan{
	width:1100px;
	clear: both;
	margin-bottom: 30px;
}/*　オススメ2段目の全体幅　*/

div#s_osu_3dan{
	width:1100px;
	clear: both;
	margin-bottom: 30px;
}/*　オススメ3段目の全体幅　*/

div#s_osu_4dan{
	width:1100px;
	clear: both;
}/*　オススメ4段目の全体幅　*/


.osu_box1 {
	float: left;
	width: 196px;
}/*　オススメ1〜4段目1枚目画像幅など　*/

.osu_box2 {
	float: left;
	margin-left: 30px;
	width: 196px;
}/*　オススメ1〜4段目2枚目画像幅など　*/

.osu_box3 {
	float: left;
	margin-left: 30px;
	width: 196px;
}/*　オススメ1〜4段目3枚目画像幅など　*/

.osu_box4 {
	float: left;
	margin-left: 30px;
	width: 196px;
}/*　オススメ1〜4段目4枚目画像幅など　*/

.osu_box5 {
	float: right;
	margin-left: 30px;
	width: 196px;
}/*　オススメ1〜4段目4枚目画像幅など　*/



/*======　中メイン（タイプ別表札）　========*/

.hyo_mozi {
	position: absolute;
	top: -243px;
	left: 45px;
	font-size: 31px;
	color: #FFFFFF;
	font-family:"ＭＳ 明朝", "MS Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}/*　画像上文字の配置場所　*/


div#type_1dan{
	width:1100px;
	clear: both;
}/*　中メイン1段目の全体幅　*/

div#type_2dan{
	width:1100px;
	clear: both;
}/*　中メイン2段目の全体幅　*/

div#type_3dan{
	width:1100px;
	clear: both;
}/*　中メイン3段目の全体幅　*/

div#type_4dan{
	width:1100px;
	clear: both;
}/*　中メイン4段目の全体幅　*/

div#type_5dan{
	width:1100px;
	clear: both;
}/*　中メイン5段目の全体幅　*/



.type_box1 {
	float: left;
	width: 245px;
	margin-bottom: 30px;
}/*　中メイン1〜5段目1枚目画像幅など　*/

.type_box2 {
	float: left;
	width: 245px;
	margin-bottom: 30px;
	margin-left: 40px;
}/*　中メイン1〜5段目2枚目画像幅など　*/

.type_box3 {
	float: left;
	width: 245px;
	margin-bottom: 30px;
	margin-left: 40px;
}/*　中メイン1〜5段目3枚目画像幅など　*/

.type_box4 {
	float: right;
	width: 245px;
	margin-bottom: 30px;
	margin-left: 40px;
}/*　中メイン1〜5段目4枚目画像幅など　*/




div#type_6dan{
	width:1100px;
	clear: both;
}/*　中メイン6段目の全体幅　*/



.type_box5 {
	float: left;
	width: 245px;
}/*　中メイン6段目1枚目画像幅など　*/

.type_box6 {
	float: left;
	width: 245px;
	margin-left: 40px;
}/*　中メイン6段目2枚目画像幅など　*/

.type_box7 {
	float: left;
	width: 245px;
	margin-left: 40px;
}/*　中メイン6段目3枚目画像幅など　*/

.type_box8 {
	float: right;
	width: 245px;
	margin-left: 40px;
}/*　中メイン6段目4枚目画像幅など　*/







/*======　スタイルで選ぶ　========*/

div#under_style {
	margin-top: 100px;
}/*　スタイル上幅　*/

.style_mozi {
	position: absolute;  /* 絶対位置指定 */
	top: -243px;
	left: 65px;
	font-size: 31px;
	color: #FFF;
	font-family:"ＭＳ 明朝", "MS Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}/*　画像上文字の配置場所　*/

div#style_sen{
	width:1100px;
	clear:both;
}/*　スタイル全体の幅　*/

.style_box1 {
	float: left;
	width: 530px;
}/*　スタイル1枚目画像幅など　*/

.style_box2 {
	float: right;
	width: 530px;
	margin-left: 40px;
}/*　スタイル2枚目画像幅など　*/







/*======　取付面で選ぶ　========*/

div#under_torituke {
	margin-top: 100px;
	margin-bottom: 50px;
}/*　取付面の上・下幅　*/

div#tori_men{
	width:1100px;
	clear: both;
}/*　取付面全体幅　*/

.men_mozi {
	position: absolute;  /* 絶対位置指定 */
	top: -43px;
	font-size: 25px;
	color: #FFF;
	font-family:"ＭＳ 明朝", "MS Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}/*　画像上文字の配置場所　*/

.men_box1 {
	float: left;
	width: 245px;
}/*　取付・1枚目画像幅など　*/

.men_box2 {
	float: left;
	width: 245px;
	margin-left: 40px;
}/*　取付・2枚目画像幅など　*/

.men_box3 {
	float: left;
	width: 245px;
	margin-left: 40px;
}/*　取付・3枚目画像幅など　*/

.men_box4 {
	float: right;
	width: 245px;
	margin-left: 40px;
}/*　取付・4枚目画像幅など　*/








/*======　フッター情報（画像）　========*/

div#under_jyoho {
	width: 1100px;
	margin-top: 80px;
}/*　フッター画像の幅など　*/

.jyoho_box1 {
	float: left;
	width: 254px;
}/*　情報（画像）1枚目　*/

.jyoho_box2 {
	float: left;
	width: 254px;
	margin-left: 28px;
}/*　情報（画像）2枚目　*/

.jyoho_box3 {
	float: left;
	width: 254px;
	margin-left: 28px;
}/*　情報（画像）3枚目　*/

.jyoho_box4 {
	float: right;
	width: 254px;
	margin-left: 28px;
}/*　情報（画像）4枚目　*/








/*======　フッター情報2（画像）　========*/

div#under_jyoho_puti {
	width: 1100px;
	margin-top: 50px;
	margin-bottom: 100px;
}/*　フッター2画像の幅など　*/

.puti_box1 {
	float: left;
	width: 165px;
}/*　情報2（画像）1枚目　*/

.puti_box2 {
	float: left;
	width: 165px;
	margin-left: 22px;
}/*　情報2（画像）2枚目　*/

.puti_box3 {
	float: left;
	width: 165px;
	margin-left: 22px;
}/*　情報2（画像）3枚目　*/

.puti_box4 {
	float: left;
	width: 165px;
	margin-left: 22px;
}/*　情報2（画像）4枚目　*/

.puti_box5 {
	float: left;
	width: 165px;
	margin-left: 22px;
}/*　情報2（画像）5枚目　*/

.puti_box6 {
	float: right;
	width: 165px;
	margin-left: 22px;
}/*　情報2（画像）6枚目　*/








/*======　フッター情報（文字）　========*/

div#foot_main{
     width:100%;
	 background-color:#fa690e;
}/*　背景色など　*/