@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;
	height:41px;
	margin:0px 0px 20px 0px;
	float:right;
}
/* ---------------------------------------------*/
#primary h3{
	height:41px;
	font-size:150%;
	line-height:170%;
	margin:0px 0px 0px 0px;
	padding:3px 0px 0px 25px;
	background-image:url(../img/style/primary.gif);
	background-repeat:no-repeat;
}
	#primary h3 span{
		font-size:70%;
		padding-left:20px;
		color:#666;
		font-weight:normal;
	}
#primary h4{
	font-size:130%;
	line-height:150%;
	margin:0px 0px 0px 0px;
	padding:25px 0px 0px 20px;
	color:#000;
	clear:both;
}
#primary h5{
	font-size:120%;
	line-height:130%;
	margin:30px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	background:url(../img/style/icon_05.gif) left center;
	background-repeat:no-repeat;
	color:#000;
	clear:both;
}


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

/* ---------------------------------------------*/
div#main p.text{
	width:660px;
	margin:0px auto;
	padding:0px;
}
/* ----#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;
}


.section{
	text-align:left;
	padding:15px 30px 15px 40px;
	width: 660px;
}
.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 5px;
	/*width: 660px;*/
}

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

.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 dl.normal dd p{
	padding:2px 0px 2px 0px;
}
.section dl.normal dd span{
	color:#999;
	font-size:90%;
	font-weight:normal;
}



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

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

.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: 630px;
	margin:0px auto;
	padding:15px;
/*	border:1px solid #CCC;*/
	clear:both;
	text-align:center;
}

/* ----#primary---背景なしのテキストボックス--------------------------------------*/
.section .comment{
	width: 630px;
	margin:0px auto;
	padding:15px;
/*	border:1px solid #CCC;*/
	clear:both;
}
	.section .comment p{
		width: 630px;
	}
	
	/*.section .comment span.com{
		color:#009;
		font-weight:normal;
	}*/
	.left{
		width:430px;
		float:left;
		padding:0px;
		margin:0px;
	}
	.right{
		width:400px;
		float:right;
		padding:0px;
		margin:0px;
	}
	/*---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---背景クリーム色のテキストボックス--------------------------------------*/
#primary  .comment_section{
	background-color:#fff9d4;
	width: 630px;
	margin:10px auto;
	padding:10px 15px 10px 15px;
	border:1px solid #C63;
	clear:both;
}

#primary .comment_section strong{
	color:#C00;
	margin:2px 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;
		font-size:110%;
		text-indent:-9999px;
	}
	#secondary h2.on{
		padding:3px 0px 3px 0px;
		color:#666;
		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;*/
		display:block;
		list-style-type:none;
		background-image:url(../img/style/secondary_back.jpg);
		background-repeat:no-repeat;
		width:196px !important;
		width:/**/166px;
		padding:11px 0px 11px 30px;
	}
	#secondary ul li a:hover{
		display:block;
		list-style-type:none;
		background-image:url(../img/style/secondary_back_h.jpg);
		background-repeat:no-repeat;
	}
/* -----#primary--- outlineピンクのリンク-------------------------------------*/
 ul.link {
	margin:0px;
	padding:0px;
}
ul.link li {
	margin:0px;
	float: left;
	width: 152px;
	list-style-type: none;
	padding-right: 12px;
	padding-bottom: 12px;
}
ul.link li a {
	display: block;
	overflow: hidden;
	width: 152px;
	height: 0 !important;
	height /**/:22px;
	padding-top: 22px;
	color: #FFFFFF;
	background-repeat:no-repeat;
}

ul.link li#link1 a {	background-image:url(../outline/img/idx_04.gif);}
ul.link li#link2 a {	background-image:url(../outline/img/com_11.gif);}
ul.link li#link3 a {	background-image:url(../outline/img/idx_03on.gif);}
ul.link li#link4 a {	background-image:url(../outline/img/idx_04on.gif);}
ul.link li#link1 a:hover {	background-image:url(../outline/img/idx_04on.gif);}
ul.link li#link2 a:hover {	background-image:url(../outline/img/com_11on.gif);}
ul.link li#link3 a:hover {	background-image:url(../outline/img/idx_03.gif);}
ul.link li#link4 a:hover {	background-image:url(../outline/img/idx_04.gif);}