@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
#primary{
	margin:0px 0px 0px 0px;
	padding:0;
	float:right;
	width:749px;
	background:url(../img/style/border.jpg) repeat-y top left;
/*	border-left:1px solid gray;*/
}

	/* ステップ3
	---------------------------------------------*/
	#primary * {
		margin: 0px 0px 0px 0px;
	}
	#primary * * {
		margin: 0;
	}
	
	
#secondary{
margin:0;
padding:0;
float:left;
width:200px;
}

/* --★primary----------------------------------------------------------------------------------------------------*/
#primary_title{
	width:740px;
	text-align:left;
	margin:0px 0px 20px 0px;
	float:right;
}
/* ---------------------------------------------*/
#primary h3{
	font-size:180%;
	line-height:200%;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 15px;
	background:url(../img/style/primary.gif) bottom;
	background-repeat:no-repeat;
}
	#primary h3 span{
		font-size:70%;
		padding-left:20px;
		color:#666;
		font-weight:normal;
	}
#primary h4{
	height:41px;
	font-size:190%;
	line-height:140%;
	margin:20px 0px 0px 0px;
	padding:3px 0px 0px 15px;
	color:#900;
	clear:both;
	font-weight:bolder;
}
#primary h5{
	font-size:150%;
	line-height:130%;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 15px;
	color:#000;
	clear:both;
}
#primary h6{
	font-size:150%;
	line-height:130%;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 10px;
	color:#000;
	clear:both;
}


/* ---------------------------------------------*/
#primary div#main{
	width:740px;
	margin:0px;
	padding:0px;
	float:right;
}

/* ---------------------------------------------*/
div#main p.text{
	width:680px;
	margin:0px auto;
	padding:15px 5px 15px 10px;
	text-indent:10px;
}
/* ----#primary---画像等センター寄せ--------------------------------------*/
.name_link{
	padding:0px 0px 10px 0px;
}
.name_link a{
	background-image:url(../img/style/icon.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	padding-right:20px;
}
/* ----#primary---画像等センター寄せ--------------------------------------*/
.center{
	padding:22px 55px;
}

.box{
	text-align:left;
	padding:10px auto;
	width: 740px;
}

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

#primary .section {
	clear:both;
	text-align:left;
	margin:0px auto;
	padding:15px 10px 15px 10px;
	width: 700px;
    min-height: 1em;
    display: inline-table;
}

#primary .section:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #primary .section {
    height: 1em;
}

#primary .section {
    display: block;
}
/*************************/





.section strong{
	display:block;
	padding:15px 0px 15px 0px;
	color:#009;
	clear:both;
}

.section strong.red{
	color:#C00;
}
.section strong.red span{
	color:#C36;
	font-weight:normal;
}

.section p{
	padding:15px 5px 15px 10px;
	/*width: 660px;*/
}

.section dl.normal{
	width: 700px;
}

.section dl.normal dt{
	color:#009;
	padding:15px 0px 5px 0px;
	font-weight:bold;
	clear:both;
}
.section dl.normal dd{
	padding:5px 0px 5px 5px;
}


/* 文字色設定 
---------------------------------------------*/

.section span{
	color:#30C;
	font-weight:bold;
	padding-left:20px;
}

.section span.n{
	color:#30C;
	font-weight:bold;
	font-weight:normal;
}

.section span.red{
	color:#C00;
}
.section span.red_n{
	color:#C00;
	font-weight:normal;
}

/* ----#primary---背景なしのテキストボックス（ｾﾝﾀｰ）--------------------------------------*/
.section .comment_center{
	width: 700px;
	margin:0px auto;
	padding:15px;
/*	border:1px solid #CCC;*/
	clear:both;
	text-align:center;
}

/* ----#primary---背景なしのテキストボックス--------------------------------------*/
.section .comment{
	width: 700px;
	margin:0px auto;
	padding:15px;
/*	border:1px solid #CCC;*/
	clear:both;
}
	 .comment p{
		width: 630px;
	}
/***左右*****/
	.section .left{
		width:420px;
		float:left;
		text-align:center;
		padding:0px;
		margin:0px;
	}
	
	.section .left h6{
		text-align:left;
		}
	
	.section .right{
			width:270px;
			float:right;
			padding:0px;
			margin:0px;
		}

	.section .right p{
text-indent:10px;
	}
	
	
/***左右*****/
	.section .left1{
		width:270px;
		float:left;
		text-align:left;
		padding:0px;
		margin:0px;
	}
	.section .left1 p{
text-indent:10px;
	}
	.section .right1{
		width:420px;
			float:right;
		text-align:left;
			padding:0px;
			margin:0px;
		}
	.section .right1 p{
text-indent:10px;
		}
/*---comment のなかの　ul リスト-------------*/
	.section .comment ul.simple{
		width: 600px;
		padding:0px 20px;
	}
	.section .comment ul.simple li{
		margin:0px 20px;
		list-style-position:outside;
		list-style-type:circle;
	}
	/*---comment のなかの　red_list--------------*/
	.section .comment dl.red_list{
		width: 600px;
	}
		.section .comment dl.red_list dt{
			color:#C00;
			font-weight:bold;
		}
		.section .comment dl.red_list dd{
			padding-left:40px;
		}
	
		.section .comment dl.red_list dd span{
			color:#309;
			font-weight:normal;
		}

/* ----#primary---背景クリーム色のテキストボックス--------------------------------------*/
.comment_section{
	background-color:#fff9d4;
	width: 630px;
	margin:5px auto;
	padding:10px 15px 10px 15px;
	border:1px solid #C63;
}

.comment_section strong{
	color:#C00;
	margin:5px 0px;
	display:block;
}


/* -----#primary--- table.ステップの表-----------------------------------*/
table.step{
	margin:0px;
	padding:0px;
	width:600px;
}

table.step th{
	padding:2px 5px;
	}
table.step td{
	padding:2px 5px;
	border-bottom:1px dotted #CCC;
}

table.step td.step_gray{
	background-color:#DEDEDE;
	width:16px;
	text-align:center;

	}
/* -----#primary--- table.cel_data表-----------------------------------*/
table.cel_data{
	margin:0px;
	padding:0px;
	width:650px;
	border:1px solid #CCC;
}

table.cel_data th{
	padding:2px 5px;
	background-color:#CCC;
	}
table.cel_data td{
	padding:2px 5px;
	border-bottom:1px dotted #CCC;
	text-align:center;
	border-left:1px dotted #ccc;
}

/* -★secondary----------------------------------------------------------------------------------------------------------------------*/
	#secondary h2{
		/*height:78px;
		padding:23px 0px 0px 10px;
		font-size:110%;
		background-image:url(../img/style/secondary.gif);
		background-repeat:no-repeat;*/
		color:#C03;
		text-indent:-9999px;
	}
	#secondary .Taste-Watch{
		display:block;
		margin:20px 0px;
		padding:0px;
	}
	#secondary .Taste-Watch p{
		padding-left:10px;
		padding:3px 0px 3px 0px;
		font-size:110%;
		margin:15px 5px 5px 0px;
		text-indent:5px;
		background-color:#EBEBEB;
		border-left:3px solid #CCC;
		}


#secondary ul{
	margin:0px;
	padding:0px;
	}
	#secondary ul li{
		display:block;
		/*width:196px;*/
		list-style-type:none;
	/*	height:40px;*/
	margin:0px;
	padding:0px;
	}
	#secondary ul li span{
		font-size:80%;
		color:#333;
	}
	#secondary ul li a{
	/*	height:40px;*/
	color:#333;
		display:block;
		list-style-type:none;
		background-image:url(../img/style/secondary_back.jpg);
		background-repeat:no-repeat;
		width:196px !important;
		width:/**/166px;
		padding:12px 0px 12px 30px;
	}
	#secondary ul li a:hover{
	color:#900;
		display:block;
		list-style-type:none;
		background-image:url(../img/style/secondary_back_h.jpg);
		background-repeat:no-repeat;
		padding:12px 0px 12px 30px;
	}
	/*
	#secondary ul li a:hover{
		height:40px;
		display:block;
		list-style-type:none;
		background-image:url(../img/style/secondary_back_h.jpg);
		background-repeat:no-repeat;
		padding:11px 0px 0px 27px;
	}*/