/*--------------------------------------------

	For column file

	Last update : 2010.7.27
	mio urakami

	---------------------------
	1-0 structure

	2-0 visual setting
		2-1 common
		2-2 h1area
		2-3 main text
		2-4 checkpoint
		2-5 profile
		2-6 illust
		2-7 submenu
		2-8 recipearea
		2-9 grandindex
  --------------------------------------------*/


/*----------------------------------------------------------------
  1-0 structure
-----------------------------------------------------------------*/

#column{
	float:left;
	width:707px;
}

#pagetitle .seriestitl{
	float:right;
	width:169px;
}

#pagetitle .h1area{
	float:left;
	width:520px;
}

#column .textarea{
	float:left;
	width:353px;
}

#column .photoarea{
	float:right;
	width:346px;
}


#profile02 .yuuna, #profile02 .enumi,#profile02 .editor{
	float:left;
	width:105px;
	padding-top:95px;
}

#column .contents, #column .block01, #column .photoarea .illust, #checkpoint{
	clear:both;
}

/*#contentslist .block{
	float:left;
	width:279px;
	position:relative;
}*/


/*----------------------------------------------------------------
  2-0 visual setting
-----------------------------------------------------------------*/

/* ----------------------
  2-1 common
----------------------*/

#main{
	background:none;
	border:none;
}

#column{
	border:1px solid #e1ded2;
	background:#fafaf7;
}

#column .contents{
	padding-bottom:15px;
}


/* ----------------------
  2-2 h1area
------------------------*/

#pagetitle{
	background:url("../img/column/h1_back.jpg") no-repeat 0 41px;
}

#h1area h1.text{
	padding:22px 0 20px 20px;
	color:#659a01;
	font-size:150%;
	line-height:1;
}

#h1area h1{
	padding-bottom:20px;
}



/* ----------------------
  2-3 main text
------------------------*/

.textarea{
	padding-top:55px;
}

.textarea02{
	padding-top:0;
}

.textarea div.editor, .textarea div.enumi, .textarea div.yuuna, .textarea div.osora, .textarea div.note{
	margin:0.5em 0 0 26px;
}

.textarea div.note{
	margin-top:2em;
	padding:10px 3px;
	border-top:3px double #ccc;
}


.textarea span.editernote{
	color:#666;
}

.textarea p{
	line-height:1.7;
}

.textarea div.note p{
	margin-bottom:1.5em;
	color:#666;
	font-size:86%;
}

.textarea .editor p{
	color:#4d82b0;
}

.textarea .osora{
	color:#e61c62;
}

.textarea .osora a:link{
	color:#000;
}

.textarea .name{
	margin-bottom:3px;
	padding:32px 0 9px 40px;
	font-weight:bold;
	line-height:1;
}

.textarea .yuuna .name, .textarea .enumi .name{
	color:#693;
}

.textarea .yuuna .name{
	background:url("../img/column/p_yuuna_s.jpg") no-repeat left bottom;
}

.textarea .enumi .name{
	background:url("../img/column/p_enumi_s.jpg") no-repeat left bottom;
}

.textarea .osora .name{
	background:url("../img/column/p_osora_s.jpg") no-repeat left bottom;
}

.textarea .editor .name{
	background:url("../img/column/p_editor_s.jpg") no-repeat left bottom;
}

/* ----------------------
  2-4 checkpoint
------------------------*/

#checkpoint{
	margin:20px 19px 0 19px;
	padding-bottom:20px;
	background:#f9e4e7 url("../img/column/foot_checkpoint.jpg") no-repeat left bottom;
}

#checkpoint .checkblock{
	margin-bottom:35px;
}

#checkpoint strong{
	color:#333;
}

#checkpoint h2{
	text-align:right;
	background:#f9e4e7 url("../img/column/head01_checkpoint.jpg") no-repeat left top;
}

#checkpoint h3{
	margin:0 60px 20px 60px;
	padding-top:2em;
	padding-bottom:3px;
	border-bottom:2px dotted #fa3fa0;
	color:#fa3fa0;
	font-size:117%;
	font-weight:bold;
	line-height:1.2;
}

#checkpoint h3.first{
	padding-top:0;
}

#checkpoint h4{
	margin:1.5em 60px 1.2em 60px;
	padding:4px 8px;
	background:#fff;
	color:#666;
	font-weight:bold;
	line-height:1.2;
}

#checkpoint h5{
	margin:0.6em 64px 0 64px;
	line-height:1.6;
	font-weight:bold;
}

#checkpoint p{
	margin:0.6em 64px 1.5em 64px;
	line-height:1.6;
}

#checkpoint ul{
	margin:0 64px 1.5em 64px;
	padding:0;
	list-style:none;
}

#checkpoint ul.sub{
	margin: 9px 0 15px 47px;
	list-style:disc;
}

#checkpoint ul li{
	margin:0 0 1.5em 0;
	padding:0;
	line-height:1.5;
}

#checkpoint ul.sub li{
	margin-bottom:0.4em;
	line-height:1.3;
}

#checkpoint ol{
	margin:1em 64px 1em 80px;
}

#checkpoint ol li{
	margin:0.8em 0;
}

#checkpoint dl{
	margin:0.6em 64px 2em 64px;
}

#checkpoint dt{
	padding-top:1em;
	font-weight:bold;
}

#checkpoint dl p{
	margin:0.6em 0 1.2em 0;
}


#checkpoint table{
	margin:0.6em 62px 1.5em 62px;
	border-top:1px solid #cab89d;
	border-right:1px solid #cab89d;
}

#checkpoint th, #checkpoint td{
	padding:6px;
	border-left:1px solid #cab89d;
	border-bottom:1px solid #cab89d;
}

#checkpoint th{
	width:48%;
}

#checkpoint .osusume{
	padding:10px;
	border:1px solid #d3b9df;
	color:#666;
}

#checkpoint .osusume a{
	text-decoration:none;
}

#checkpoint a:visited{
	color:#7b508f;
}

#checkpoint a:hover{
	color: #000;
	text-decoration:underline;
}


#checkpoint .osusume strong{
	color:#666;
}


#main .gakkainote{
	margin:2em 0 0 26px;
}

#main .gakkainote p{
	margin-top:0.5em;
	font-size:86%;
	line-height:1.2;
}



/* ----------------------
  2-5 profile
------------------------*/

#profile01{
	padding-left:150px;
}

#profile01 img{
	margin-left:19px;
}

#profile01 .osora p{
	padding:3px 20px 10px 1px;
	line-height:1.5;
	color:#666;
	font-size:86%;
}

#profile02{
	padding-left:31px;
	padding-bottom:40px;
}

#profile02 h2{
	padding:3px 0 6px 17px;
}

#profile02 .editor h2{
	padding-left:20px;
}

#profile02 p{
	padding-right:10px;
	line-height:1.34;
	color:#666;
	font-size:86%;
}


#profile02 .yuuna{
	background:url("../img/column/p_yuuna.jpg") no-repeat 10px 5px;
}

#profile02 .enumi{
	background:url("../img/column/p_enumi.jpg") no-repeat 10px 5px;
}

#profile02 .editor{
	background:url("../img/column/p_editor.jpg") no-repeat 10px 0;
}

/* ----------------------
  2-6 illust
------------------------*/

#column .photoarea .illust{
	padding-top:21px;
}

#column .photoarea .illust p{
	padding-bottom:65px;
}

/* ----------------------
  2-7 submenu
------------------------*/

#submenu .nowon li{
	padding-left:6px;
	background:url("../img/arw/arw_pink01.gif") no-repeat 0 5px;
}

/* ----------------------
  2-8 recipearea
------------------------*/

.recipearea{
	margin:20px 19px 0 19px;
	padding-bottom:20px;
	background:#ebe5d6 url("../img/column/foot_recipe.jpg") no-repeat left bottom;
}

.recipearea h2{
	padding:24px 104px 38px 0;
	background:#ebe5d6 url("../img/column/ttl_recipe.jpg") no-repeat left top;
	text-align:right;
	font-size:117%;
	font-weight:bold;
}

.recipearea h3{
	margin:0 57px 1em 57px;
	padding:25px 3px 3px 3px;
	border-bottom:2px dotted #cab89d;
	color:#fa3fa0;
	font-size:117%;
	font-weight:bold;
	line-height:1.2;
}

.recipearea h3.process{
	margin-top:35px;
	margin-bottom:20px;
	padding:10px 16px;
	border:none;
	background:#daceb9;
	line-height:1;
	font-size:100%;
	color:#000;
}

.recipearea h4{
	margin:1.2em 61px 0 61px;
	font-weight:bold;
	line-height:1.2;
}

.recipearea p{
	margin:0.5em 62px 1.5em 62px;
}

.recipearea p.lead{
	margin:0.5em 62px 1em 62px;
	line-height:2;
}



.recipearea .note, .recipearea .caution{
	margin-top:2em;
}

.recipearea .note p{
	margin:1em 62px;
	color:#0066cc;
}

.recipearea .caution h4{
	margin:1em 62px 0.5em 62px;
	font-weight:bold;
	line-height:1;
	color:#e52456;
}

.recipearea .caution p{
	margin:0.5em 62px;
	color:#e52456;
}


.recipearea h5{
	width:533px;
	margin:25px 0 0 60px;
	padding:4px 8px;
	background:#fff;
	font-weight:bold;
	color:#715833;
}

.recipearea h5.type02{
	width:auto;
	margin:1.5em 0 1em 62px;
	padding:0;
	background:transparent;
	font-weight:bold;
	line-height:1;
	color:#333;
}

.recipearea .note h5{
	width:auto;
	margin:1.5em 0 0.5em 62px;
	padding:0;
	background:transparent;
	font-weight:bold;
	line-height:1;
	color:#0066cc;
}

.recipearea .caution h5{
	width:auto;
	margin:1em 0 0.5em 62px;
	padding:0;
	background:transparent;
	font-weight:bold;
	line-height:1;
	color:#e52456;
}

.recipearea table{
	width:549px;
	margin:10px 0 0 60px;
}

.recipearea caption{
	width:533px;
	padding:4px 8px;
	background:#fff;
	font-weight:bold;
	color:#715833;
}

.recipearea th, .recipearea td{
	padding:5px 10px;
	border-left:1px solid #cab89d;
}

.recipearea th{
	font-weight:bold;
}

.recipearea tr{
	vertical-align:top;
}


.recipearea table.compare{
	margin:0.6em 62px 1.5em 62px;
	border-top:1px solid #cab89d;
	border-right:1px solid #cab89d;
}

.recipearea table.compare th, .recipearea table.compare td{
	padding:6px;
	border-left:1px solid #cab89d;
	border-bottom:1px solid #cab89d;
}

.recipearea table.compare p{
	margin:0.5em 0;
}


.recipearea  ul{
	margin:1em 64px 1.5em 64px;
	padding:0;
	list-style:none;
}

.recipearea  ul.sub{
	margin: 9px 0 15px 47px;
	list-style:disc;
}

.recipearea  ul li{
	margin-bottom:0.6em;
	padding:0;
	line-height:1.5;
}

.recipearea  ul.sub li{
	margin-bottom:0.4em;
	line-height:1.3;
}

/* ----------------------
  2-9 processblock
----------------------*/

.recipearea .processblock img{
	margin:0 55px 10px 15px;
	float:right;
}

.recipearea .processblock .box, .recipearea .processblock .note{
	clear:both;
}

.recipearea .processblock .box p{
	padding:3.5em 20px 1px 0;
	line-height:2;
}



/* ----------------------
  2-10 grandindex
----------------------*/

#h1areaindex{
	background:url("../img/column/h1_back.jpg") no-repeat 100% 30px;
}

#h1areaindex h1{
	padding-bottom:10px;
}

#contentslist h2{
	margin:0 44px 0 0;
	padding:10px 8px 0 0;
	background:url("../img/column/border_pink.gif") no-repeat 0 0;
	text-align:right;
}

#contentslist .block h3{
	margin:0;
	padding-bottom:5px;
	font-size:117%;
	line-height:1.3;
}

#contentslist .block h3, #contentslist .block .text{
	padding-left:86px;
}