@charset "UTF-8";

html { height: 100%; width:100%; }
body { 
	font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 93%;
	color: #6e3600;
	line-height: 1.5em;
	margin:0px;
    padding: 0px 0 151px 0;
	background-image:url(../img/back_wrap.jpg); background-repeat: repeat;
	}
* html body{  
    overflow: hidden;  
} 	
/* body > div { height: 100%; width:100%; }ロゲガイは消していた※プリント時障害？？*/

img {margin:0; padding:0; vertical-align:bottom; border:0;}
p {margin:0; padding:0;}
ul {margin:0 0 0 20px; padding:0;}
li {margin:0; padding:0;}

.table1 { 
border-collapse: collapse; /* 枠線の表示方法 */ 
border: 1px #6e3600 solid; /* テーブル全体の枠線（太さ・色・スタイル） */ 
} 

.table1 td { 
border: 1px #6e3600 solid; /* セルの枠線（太さ・色・スタイル） */ 
}

/* 見出し --------- -----------------------------------------------*/
h1 { margin:0 auto 20px; font-size:100%; font-weight:bold;}
h2 { margin:0 auto 15px; font-size:100%; font-weight:bold;}
h3 { margin:0 auto 5px; font-size:100%; font-weight:bold;}
/* リンク --------- -----------------------------------------------*/
a{color: #da3f15; text-decoration:none;}
a:link{color: #da3f15; text-decoration:none;}
a:visited{color: #da3f15;text-decoration:none;}
a:hover{color: #da3f15;text-decoration:underline;}
a:active{color: #da3f15;text-decoration:underline;}

.dummy_header{width:100%; height: 100px; float:left;}
.dummy{width:100%; height: 150px; float:left;}
.dummy2{width:100%; height: 30px; float:left;}

/* 全体 --------- -----------------------------------------------*/
#wrap{width:100%; min-height: 100%; height: auto !important; height: 100%; float:left;}
.wrap_c{ width:900px; margin: 0 auto 0;}
/** html div#wrap{ height: 100%; overflow: auto;}*/
/* フッター --------- -----------------------------------------------*/
* html #footer{width:100%; height:140px; margin-top:-130px; background-image:url(../img/back_footer.png); background-repeat: repeat-x; z-index:100;}
#footer{width:100%; height:140px; background-image:url(../img/back_footer.png); background-repeat: repeat-x; z-index:100; position: fixed; bottom: 0; left: 0; float:left;}
.footer_c{ width:900px; margin: 0 auto 0;}
.footer_1_box{width:235px; margin:60px auto auto; text-align:left; float:left; display:inline;}
.footer_2_box{width:381px; margin:0; float:left; display:inline;}
.footer_3_box{width:268px; margin:60px auto auto; text-align:right; float:right; display:inline;}
/* フッター2段階 --------- -----------------------------------------------*/
* html #footer2{width:100%; height:140px; margin-top:-130px; background-image:url(../img/back_footer.png); background-repeat: repeat-x; z-index:100;}
#footer2{width:100%; height:140px; background-image:url(../img/back_footer.png); background-repeat: repeat-x; z-index:100; float:left;}
/* トップページ --------- -----------------------------------------------*/
.top_blog{margin:-20px auto 0; float:left;}
.top_blog_btn{ width:150px; height:30px; margin:-55px auto 0 710px; float:left; display:inline;}
.top_v1{margin:-10px auto 0; float:left;}
.top_v1_btn{ width:300px; height:30px; margin:-70px auto 0 200px; float:left; display:inline;}
.top_3_box{width:287px; margin:0 6px 0; text-align:center; float:left; display:inline;}
.top_3_box_btn{width:100%; margin:-50px 0 0; float:left;}
.top_3_box_btn img{float:none;}

.top_navi{width:100%; margin:10px 0; float:left;}
.top_blog2{width:100%; margin: 0; float:left;}
.top_blog_btn2{ width:100%; height:30px; margin:0px; float:left;}
.top_blog_btn3{ width:150px; height:30px; margin:-55px auto 0px 330px; float:left; display:inline;}
.top_blog_btn4{ width:150px; height:30px; margin:-55px auto 0px 650px; float:left; display:inline;}
.top_v1_btn2{ width:100%; height:30px; margin:0px; float:left;}
.top_v1_btn3{ width:150px; height:30px; margin:-50px auto 0px 250px; float:left; display:inline;}
.top_v1_btn4{ width:150px; height:30px; margin:-50px auto 0px 520px; float:left; display:inline;}
/* ヘッダー --------- -----------------------------------------------*/
* html #header{position: relative !important; width: 100%;  
    height: 95px; margin-bottom:-100px;
	text-align:center;
	background-image:url(../img/back_header.png); background-repeat: repeat-x; z-index:100;}
#header {  
    position: fixed !important;  
    position: absolute;  
    top: 0;  
    left: 0;  
    width: 100%;  
    height: 95px;
	text-align:center;
	background-image:url(../img/back_header.png); background-repeat: repeat-x;
}
.header_c{ width:900px; margin: 0 auto 0;}
.header_c img{float:none;}
/* プレV-1 プレブログ --------- -----------------------------------------------*/
.v-1_l{width:36%; margin:20px 0; text-align:left; float:left;}
.v-1_r{width:64%; margin:20px 0; text-align:left; float:left;}
.v-1_r p{margin:0 auto 15px 10px;}
.v-1_r img{float:none;}

.pre_blog_wrap{ width:900px; margin:20px 0; background-image:url(../img/img_blog_tomayo.png); background-repeat: no-repeat; background-position:right bottom; text-align:left; float:left;}
.pre_blog_wrap p{margin:0 auto 15px 10px;}
.pre_blog_wrap img{float:none;}

.pre_recipe_wrap{width:900px; min-height:300px; margin:-10px 0 0px; background-image:url(../img/img_pre_recipe_boroko.png); background-repeat: no-repeat; background-position:right bottom; text-align:left; float:left;}
.pre_recipe_wrap p{margin:0 auto 15px 10px;}
.pre_recipe_wrap img{float:none;}
.pre_recipe_wrap_dummy{width:100%; margin-top:40px; float:left;}
.pre_recipe_lr{width:49.9%; margin:15px 0; float:left;}
.pre_recipe_lr2{width:45%; margin:15px 0; float:left;}
.pre_recipe_lr p{margin:0 auto 15px 10px;}
.pre_recipe_lr2 p{margin:0 auto 15px 10px;}
.pre_recipe_category{ margin:10px 10px; float:left;}
.pre_recipe_keisai{ margin:20px 10px 10px; float:left;}
.pre_recipe_recipe{ margin:-20px 0px 10px; float:left;}
/* 会員規約 --------- -----------------------------------------------*/
.kiyaku_wrap{ width:auto; margin:20px 80px; float:left;}
.kiyaku_wrap li{margin:10px 0;}
.kiyaku_wrap p{margin:0 auto 15px 10px;}
.kiyaku_wrap img{float:none;}
/* 会員登録 --------- -----------------------------------------------*/
.wrap_join_c{ width:700px; margin: 0 auto 0;}
.margin30{margin:20px 0; float:left;}
/* クイズ、レシピ --------- -----------------------------------------------*/
.column_l{width:670px; min-height:800px; margin:0 15px 0 0; border-right: 3px solid #ccc8c5; text-align:left; float:left; display:inline;}
.column_r{width:212px; text-align:left; float:left;}

.quiz_box{width:95%; margin:0 auto 15px; border-bottom: 1px dashed #6e3600; float:left;}
.quiz_heada{ width:110px; margin:0 0 15px; float:left;}
.quiz_txt{width:520px; margin:0 0 15px; float:left;}
.quiz_kaitou{width:100%; margin:20px auto; text-align:center; float:left;}
.quiz_kaitou img{float: none;}

.quiz_award_list{width:100%; padding:10px 0; border-bottom: 1px dashed #6e3600; float:left;}
.quiz_award_list_l{width:auto; font-weight:bold; float:left;}
.quiz_award_list_r{width:auto; float:right;}
.quiz_award_list p{width:100%; margin:5px 0 0; padding:0; float:left;}

.recipe_wrap{width:100%; min-height:300px; margin:-10px 0 0px; background-image:url(../img/img_recipe_boroko.png); background-repeat: no-repeat; background-position:right bottom; text-align:left; float:left;}
.recipe_line{width:100%; margin:0px 0 0px; padding:10px 0 20px; background-image:url(../img/img_line_670.png); background-repeat: no-repeat; background-position:right bottom; text-align:left; float:left;}
.recipe_news{width:195px; margin:0 20px 0 5px; text-align:center; float:left; display:inline;}
.recipe_news h2{ margin:5px 0px 5px 0px;}
.recipe_news h3{ margin:5px 0px 5px 0px;}
.recipe_bana{width:670px; margin:15px 0; text-align:center; float:left;}
.recipe_goto_top{width:100%; margin:10px 0; border-bottom: 2px dashed #6e3600; text-align:right; float:right;}
.recipe_recipe{width:900px; margin:-20px 0px 10px; text-align:center; float:left;}
.recipe_recipe img{float:none;}

.recipe_list{width:650px; margin:15px 10px; text-align:left; float:left; display:inline;}
.recipe_list_box{width:100%; margin:5px 0; text-align:left; float:left;}
.recipe_list_img{width:70px; margin:0px 10px 0 0; float:left; display:inline;}
.recipe_list_img img{width:50px; margin:0; vertical-align:top;}
.recipe_list_txt{width:550px; margin:0; float:left; display:inline;}

.recipe_entry{width:100%; margin:0; float:left;}
.recipe_entry_title{width:100%; margin:20px 0 5px; font-weight:bold; float:left;}
.recipe_entry_table_1 img{max-width:200px; max-height:200px; margin:0 0 15px;}
.recipe_img img{max-width:100px; max-height:100px;}

.column_l h1{ width:95%; height:22px; margin:20px auto 20px 0; padding:10px 0 10px; border-bottom: 1px dashed #6e3600; font-weight:bold;}
.column_l p{margin:0px auto 10px;}
.column_r p{margin:5px auto 0px;}
.column_r ul{margin:5px auto 10px; float:left;}
.column_r li{margin:3px auto;}
/* ランキング --------- -----------------------------------------------*/
.rank_list_box{width:45%; height:70px; margin:5px 10px 5px 0; padding:0 0 5px; border-bottom: 1px dashed #6e3600; text-align:left; float:left;}
.rank_list_img{width:80px; float:left;}
.rank_list_img img{width:50px;}
.rank_list_txt{width:205px; margin:-15px 0 5px; float:left; display:inline;}
.rank_list_txt_box{width:30%; margin:20px 0 0; float:left; display:inline;}
.rank_list_pt{width:205px; margin:0; float:left; text-align:left; display:inline;}
.rank_list_rank{width:80px; padding-top:20px; float:left;}

.rank_list_txt_box2{width:550px; margin:7px 0 0; float:left; display:inline;}
.rank_list_rank2{width:80px; padding-top:7px; float:left;}
/* ランキング --------- -----------------------------------------------*/
.puzzle_btn{width:100%; margin:10px 0; text-align:center; float:left;}
.puzzle_img{width:100%; margin:10px 0; text-align:center; float:left;}
/* 汎用セレクタ --------- -----------------------------------------------*/
.h_line{width:100%; margin:0; float:left;}
.btm_line_dotted{width:100%; border-bottom: 1px dotted #6e3600; float:left;}
.border_green{padding:5px; border: 5px solid #3b982c; float:left; display:inline;}
.decimal{list-style-type:decimal;}
.type_none{list-style-type:none;}
.ta_center{text-align:center;} .ta_right{text-align:right;} .ta_left{text-align:left;}
.z_1{z-index:1;}.z_2{z-index:2;}.z_3{z-index:3;}.z_4{z-index:4;}
.line_h_10{line-height:1.0em;} .line_h_11{line-height:1.1em;} .line_h_12{line-height:1.2em;} .line_h_13{line-height:1.3em;} .line_h_16{line-height:1.6em;}
/* Text Size Sample --------- -----------------------------------------------*/
.txt10 {font-size:77%;}
.txt11 {font-size:85%;}
.txt12 {font-size:93%;}
.txt13 {font-size:100%;}
.txt14 {font-size:108%;}
.txt15 {font-size:116%;}
.txt16 {font-size:123.1%;}
.txt17 {font-size:131%;}
.txt18 {font-size:138.5%;}
.txt19 {font-size:146.5%;}
.txt20 {font-size:153.9%;}
.txt21 {font-size:161.6%;}
.txt22 {font-size:167%;}
.txt23 {font-size:174%;}
.txt24 {font-size:182%;}
.txt25 {font-size:189%;}
.txt26 {font-size:197%;}
.bold { font-weight:bold;}
.regular{font-weight:normal;}
.ud {text-decoration:underline;}
.white{color:#FFF;} .gray{color:#e6e0df;} .green{color:#3b982c;} .red{color:#d70900;}
/* other --------- -----------------------------------------------*/
.clear {clear:both;}
.none{list-style-type:none;}
.visible_none{visibility:hidden;}
.float_none{float:none;}
* html .ie6{width:100%; height:40px; padding:5px; background-color:#555; border: 1px solid #fff; color:#FFF; font-weight:bold; text-align:center; visibility: visible;}
.ie6{width:100%; height:0px; padding:0px; background-color:#555; border: 1px solid #fff; color:#FFF; font-weight:bold; text-align:center; visibility:hidden;}
/*======================================*/

.table2 { 
border-collapse: collapse; /* 枠線の表示方法 */ 
} 

.table2 td { 
border-bottom: 1px #523123 solid; /* セルの枠線（太さ・色・スタイル） */ 
} 

.table2 th { 
border-bottom: 1px #e6e0df dotted; text-align:left; background-color:#523123; color:#e6e0df; vertical-align:middle; /* セルの枠線（太さ・色・スタイル） */ 
}

.table3 { 
border-collapse: collapse; /* 枠線の表示方法 */ 
} 

.table3 td { 
border-bottom: 2px #ccc8c5 solid; /* セルの枠線（太さ・色・スタイル） */ 
}