@charset "shift_JIS";

/****** CONTENTS ***************************************

	1: body and base setting
	2: link setting
	3: layout
	4: common parts
	5: side navi
	6: module

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

/****** 1: body and base setting **********************/

body{
	text-align:center;/* box centering */
	font: normal 75% "メイリオ", Meiryo, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#151515;
	}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	margin: 0;
	padding: 0;
	line-height: 1.5;/* base line height */
	text-align: left;
	display: block;
	}


hr{
	display : none;
	}

img {
	border: none;
	vertical-align: bottom;
	}

ul li {
	list-style: none;
	}
	
h5 {
	color: #1c74f0;
	margin-bottom: 10px;
	font-size:120%;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.vol2 {
	color: #4EAD25;
}
.vol3 {
	color: #169C8C;
}

.vol2_l {
	color: #4EAD25;
	font-size:120%;
	font-weight: bold;
}





/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{
	cursor:help;
	border-bottom: dotted 1px;
	}

/****** 2: link setting *******************************/
a:link		{ color:#404040; text-decoration:underline; }
a:visited	{ color:#404040; text-decoration:underline; }
a:hover	{ color:#599bf4; text-decoration:underline; }
a:active	{ color:#599bf4; text-decoration:underline; }

#topic_path a:link	{ color: #993333; text-decoration:none; }
#topic_path a:visited	{ color: #5398a6; text-decoration:none; }
#topic_path a:hover	{ color: #ff2000; text-decoration:underline; }
#topic_path a:active	{ color: #ff2000; text-decoration:underline; }

#hello_set a:link	{ color: #80B404; text-decoration:none; font-weight: bold; }
#hello_set a:visited	{ color: #80B404; text-decoration:none; font-weight: bold; }
#hello_set a:hover	{ color: #A3E505; text-decoration:underline; font-weight: bold; }
#hello_set a:active	{ color: #A3E505; text-decoration:underline; font-weight: bold; }

#together_set a:link	{ color: #FF6B5E; text-decoration:none; font-weight: bold; }
#together_set a:visited	{ color: #FF6B5E; text-decoration:none; font-weight: bold; }
#together_set a:hover	{ color: #FF9B5E; text-decoration:underline; font-weight: bold; }
#together_set a:active	{ color: #FF9B5E; text-decoration:underline; font-weight: bold; }

/****** 3: layout ************************************/

#wrapper{
	text-align:center;
	}

#content{
	width:920px;
	margin:0 auto;
	text-align:left;
	}

html*#content{
	padding:0 0 5px 0;
	//padding:0 0 0px 0;
	}
	
#main_contents_h {
	width:920px;
	height:7px;
	margin:0 auto;
	background:transparent url(../img/bg_header.gif) left bottom no-repeat;
}

#main_contents_wapper {
	margin:0 auto;
	background:transparent url(../img/bg_wrapper.gif) center top repeat-y;
}

#main_contents {
	width:920px;
	margin:0 auto;
}

#main_contents_f {
	width:934px;
	height:9px;
	margin:0 auto;
	background:transparent url(../img/bg_footer.gif) left top no-repeat;
}

#primary #leadSentence {
	margin: 20px 0 10px 0;
}

#primary{
	float: left;
	width: 670px;
	font-size:100%;
	margin-bottom: 15px;
	padding-left: 17px;
	background:url(../img/bg_left.gif) top repeat-y;
}

.section {
	width: 647px;
	padding-bottom: 25px;
}

.right_navi {
	width: 190px;
	padding-bottom: 25px;
}

.box {
	width: 627px;
	margin: 0 10px;
}

.yaji_box {
	width: 607px;
	background: url(../vol1/img/img_00_yajirushi.gif) no-repeat 280px 50px;
	margin: 0 10px;
}


.box p {
	margin-bottom: 15px;
	line-height: 1.8;
}

.box p span.t_blue {
	color: #1c74f0;
	font-weight: bold;
}

.box p.last {
	margin-bottom: 0;
}

.box ul,ol {
	margin:15px;
}

.box_line {
	border: 1px #85dbf9 dashed;
	margin: 10px　0;
}
.box_line ul li {
	list-style:disc;
	margin: 0 0 7px 10px;
	}

/* TOP メニューボタン　*/


.section p.photo {
	float: left;
	margin-right: 15px;
}

.section p.photo2 {
	float: right;
	margin: 0 0 15px 15px;
}


.section #text_set {
	width: 492px;
	float: right;
}

.section #text_set ul {
	margin: 0;
}


#text_set li a.vol1_btn01,
#text_set li a.vol1_btn02,
#text_set li a.vol1_btn03 {
	display: block;
	width: 492px;
}


#text_set li a.vol1_btn01 {
	height: 43px;
	background: url(../img/vol1_btn01_o.gif) no-repeat 0 0;
}

#text_set li a.vol1_btn02 {
	height: 34px;
	background: url(../img/vol1_btn02_o.gif) no-repeat 0 0;
}

#text_set li a.vol1_btn03 {
	height: 37px;
	background: url(../img/vol1_btn03_o.gif) no-repeat 0 0;
}

#text_set li a.vol1_btn01:hover,
#text_set li a.vol1_btn02:hover,
#text_set li a.vol1_btn03:hover {
	background-color:#FFFFFF;
}

#text_set li a.vol1_btn01:hover img,
#text_set li a.vol1_btn02:hover img,
#text_set li a.vol1_btn03:hover img {
	visibility:hidden;
}

#text_set li a.vol2_btn01,
#text_set li a.vol2_btn02,
#text_set li a.vol2_btn03 {
	display: block;
	width: 492px;
}


#text_set li a.vol2_btn01 {
	height: 43px;
	background: url(../img/vol2_btn01_o.gif) no-repeat 0 0;
}

#text_set li a.vol2_btn02 {
	height: 34px;
	background: url(../img/vol2_btn02_o.gif) no-repeat 0 0;
}

#text_set li a.vol2_btn03 {
	height: 37px;
	background: url(../img/vol2_btn03_o.gif) no-repeat 0 0;
}

#text_set li a.vol2_btn01:hover,
#text_set li a.vol2_btn02:hover,
#text_set li a.vol2_btn03:hover {
	background-color:#FFFFFF;
}

#text_set li a.vol2_btn01:hover img,
#text_set li a.vol2_btn02:hover img,
#text_set li a.vol2_btn03:hover img {
	visibility:hidden;
}


#text_set li a.vol2_btn01,
#text_set li a.vol2_btn02,
#text_set li a.vol2_btn03 {
	display: block;
	width: 492px;
}



#text_set li a.vol3_btn01,
#text_set li a.vol3_btn02 {
	display: block;
	width: 492px;
}

#text_set li a.vol3_btn01 {
	height: 43px;
	background: url(../img/vol3_btn01_o.gif) no-repeat 0 0;
}

#text_set li a.vol3_btn02 {
	height: 39px;
	background: url(../img/vol3_btn02_o.gif) no-repeat 0 0;
}

#text_set li a.vol3_btn01:hover,
#text_set li a.vol3_btn02:hover {
	background-color:#FFFFFF;
}

#text_set li a.vol3_btn01:hover img,
#text_set li a.vol3_btn02:hover img {
	visibility:hidden;
}




/*  ページ下ナビボタン  */

/*  vol.01  */

a.top {
	display: block;
	width: 68px;
	height: 25px;
	margin: 0 10px;
	background: url(../img/btn_top_o.gif) no-repeat 0 0;
}

a.back_index,
a.back_index2-1,
a.back_index2-2,
a.back_index2-3,
a.back_index2-4 {
	display: block;
	width: 267px;
	height: 25px;
}

a.next_index2-1,
a.next_index2-2,
a.next_index2-3,
a.next_index2-4,
a.next_index3 {
	display: block;
	width: 292px;
	height: 25px;
}

a.next_index2-1 {
	background: url(../vol1/img/btn_next_index2-1_o.gif) no-repeat 0 0;	
}
a.next_index2-2 {
	background: url(../vol1/img/btn_next_index2-2_o.gif) no-repeat 0 0;	
}
a.next_index2-3 {
	background: url(../vol1/img/btn_next_index2-3_o.gif) no-repeat 0 0;	
}
a.next_index2-4 {
	background: url(../vol1/img/btn_next_index2-4_o.gif) no-repeat 0 0;	
}
a.next_index3 {
	background: url(../vol1/img/btn_next_index3_o.gif) no-repeat 0 0;	
}

a.back_index {
	background: url(../vol1/img/btn_back_index_o.gif) no-repeat 0 0;	
}

a.back_index2-1 {
	background: url(../vol1/img/btn_back_index2-1_o.gif) no-repeat 0 0;	
}
a.back_index2-2 {
	background: url(../vol1/img/btn_back_index2-2_o.gif) no-repeat 0 0;	
}
a.back_index2-3 {
	background: url(../vol1/img/btn_back_index2-3_o.gif) no-repeat 0 0;	
}
a.back_index2-4 {
	background: url(../vol1/img/btn_back_index2-4_o.gif) no-repeat 0 0;	
}


a.top:hover,
a.next_index2-1:hover,
a.next_index2-2:hover,
a.next_index2-3:hover,
a.next_index2-4:hover,
a.next_index3:hover,
a.back_index:hover,
a.back_index2-1:hover,
a.back_index2-2:hover,
a.back_index2-3:hover,
a.back_index2-4:hover {
	background-color:#FFFFFF;
}

a.top:hover img,
a.next_index2-1:hover img,
a.next_index2-2:hover img,
a.next_index2-3:hover img,
a.next_index2-4:hover img,
a.next_index3:hover img,
a.back_index:hover img, 
a.back_index2-1:hover img,
a.back_index2-2:hover img,
a.back_index2-3:hover img,
a.back_index2-4:hover img {
	visibility:hidden;
}


/*  vol.02  */

a.top2 {
	display: block;
	width: 68px;
	height: 25px;
	margin: 0 10px;
	background: url(../img/btn_top2_o.gif) no-repeat 0 0;
}

a.back2_index,
a.back2_index2,
a.back2_index3,
a.back2_index4 {
	display: block;
	width: 267px;
	height: 27px;
}

a.next2_index2,
a.next2_index3,
a.next2_index4,
a.next2_index5 {
	display: block;
	width: 292px;
	height: 27px;
}

a.back2_index {
	background: url(../vol2/img/btn_back_index_o.gif) no-repeat 0 0;	
}
a.back2_index2 {
	background: url(../vol2/img/btn_back_index2_o.gif) no-repeat 0 0;	
}
a.back2_index3 {
	background: url(../vol2/img/btn_back_index3_o.gif) no-repeat 0 0;	
}
a.back2_index4 {
	background: url(../vol2/img/btn_back_index4_o.gif) no-repeat 0 0;	
}

a.next2_index2 {
	background: url(../vol2/img/btn_next_index2_o.gif) no-repeat 0 0;	
}
a.next2_index3 {
	background: url(../vol2/img/btn_next_index3_o.gif) no-repeat 0 0;	
}
a.next2_index4 {
	background: url(../vol2/img/btn_next_index4_o.gif) no-repeat 0 0;	
}
a.next2_index5 {
	background: url(../vol2/img/btn_next_index5_o.gif) no-repeat 0 0;	
}

a.top2:hover,
a.next2_index2:hover,
a.next2_index3:hover,
a.next2_index4:hover,
a.next2_index5:hover,
a.back2_index:hover,
a.back2_index2:hover,
a.back2_index3:hover,
a.back2_index4:hover {
	background-color:#FFFFFF;
}

a.top2:hover img,
a.next2_index2:hover img,
a.next2_index3:hover img,
a.next2_index4:hover img,
a.next2_index5:hover img,
a.back2_index:hover img,
a.back2_index2:hover img,
a.back2_index3:hover img,
a.back2_index4:hover img {
	visibility:hidden;
}


/*  vol.03  */

a.top3 {
	display: block;
	width: 68px;
	height: 25px;
	margin: 0 10px;
	background: url(../img/btn_top3_o.gif) no-repeat 0 0;
}

a.back3_index {
	display: block;
	width: 267px;
	height: 27px;
}

a.next3_index2 {
	display: block;
	width: 292px;
	height: 27px;
}

a.back3_index {
	background: url(../vol3/img/btn_back_index_o.gif) no-repeat 0 0;	
}
a.next3_index2 {
	background: url(../vol3/img/btn_next_index2_o.gif) no-repeat 0 0;	
}

a.top3:hover,
a.back3_index:hover,
a.next3_index2:hover {
	background-color:#FFFFFF;
}

a.top3:hover img,
a.back3_index:hover img,
a.next3_index2:hover img {
	visibility:hidden;
}

/*  20120615_追加 */

a.next_index_vol02,
a.next_index_vol03 {
	display: block;
	width: 292px;
	height: 27px;
}

a.next_index_vol02 {
	background: url(../vol1/img/btn_next_vol02_index_o.gif) no-repeat 0 0;	
}
a.next_index_vol03 {
	background: url(../vol2/img/btn_next_vol03_index_o.gif) no-repeat 0 0;	
}

a.next_index_vol02:hover,
a.next_index_vol03:hover {
	background-color:#FFFFFF;
}

a.next_index_vol02:hover img,
a.next_index_vol03:hover img {
	visibility:hidden;
}



a.back_index_vol01,
a.back_index_vol02 {
	display: block;
	width: 267px;
	height: 27px;
}

a.back_index_vol01 {
	background: url(../vol2/img/btn_back_vol01_index_o.gif) no-repeat 0 0;	
}

a.back_index_vol02 {
	background: url(../vol3/img/btn_back_vol02_index_o.gif) no-repeat 0 0;	
}


a.back_index_vol01:hover,
a.back_index_vol02:hover {
	background-color:#FFFFFF;
}

a.back_index_vol01:hover img,
a.back_index_vol02:hover img {
	visibility:hidden;
}




/*  右メニューボタン　*/


li a.vol1_btn01_s,
li a.vol1_btn02-1_s,
li a.vol1_btn02-2_s,
li a.vol1_btn02-3_s,
li a.vol1_btn02-4_s,
li a.vol1_btn03_s {
	display: block;
	width: 190px;
}

li a.vol1_btn01_s,
li a.vol1_btn02-1_s,
li a.vol1_btn02-2_s,
li a.vol1_btn02-3_s,
li a.vol1_btn02-4_s {
	height: 41px;
}

li a.vol1_btn01_s {
	background: url(../img/vol1_btn01_s_o.gif) no-repeat 0 0;
}

li a.vol1_btn02-1_s {
	background: url(../img/vol1_btn02-1_s_o.gif) no-repeat 0 0;
}

li a.vol1_btn02-2_s {
	background: url(../img/vol1_btn02-2_s_o.gif) no-repeat 0 0;
}

li a.vol1_btn02-3_s {
	background: url(../img/vol1_btn02-3_s_o.gif) no-repeat 0 0;
}

li a.vol1_btn02-4_s {
	background: url(../img/vol1_btn02-4_s_o.gif) no-repeat 0 0;
}

li a.vol1_btn03_s {
	height: 48px;
	background: url(../img/vol1_btn03_s_o.gif) no-repeat 0 0;
}

li a.vol1_btn01_s:hover,
li a.vol1_btn02-1_s:hover,
li a.vol1_btn02-2_s:hover,
li a.vol1_btn02-3_s:hover,
li a.vol1_btn02-4_s:hover,
li a.vol1_btn03_s:hover {
	background-color:#FFFFFF;
}

li a.vol1_btn01_s:hover img,
li a.vol1_btn02-1_s:hover img,
li a.vol1_btn02-2_s:hover img,
li a.vol1_btn02-3_s:hover img,
li a.vol1_btn02-4_s:hover img,
li a.vol1_btn03_s:hover img {
	visibility:hidden;
}

li a.vol2_btn01,
li a.vol2_btn02,
li a.vol2_btn03,
li a.vol2_btn04,
li a.vol2_btn05,
li a.vol2_btn06,
li a.vol2_btn07 {
	display: block;
	width: 190px;
}

li a.vol2_btn02,
li a.vol2_btn03,
li a.vol2_btn06, 
li a.vol2_btn07,{
	height: 41px;
}

li a.vol2_btn02 {
	background: url(../img/vol2_btn01-1_s_o.gif) no-repeat 0 0;
}

li a.vol2_btn03 {
	background: url(../img/vol2_btn01-2_s_o.gif) no-repeat 0 0;
}

li a.vol2_btn04 {
	height: 50px;
	background: url(../img/vol2_btn02_s_o.gif) no-repeat 0 0;
}

li a.vol2_btn06 {
	background: url(../img/vol2_btn03-1_s_o.gif) no-repeat 0 0;
}

li a.vol2_btn07 {
	background: url(../img/vol2_btn03-2_s_o.gif) no-repeat 0 0;
}

li a.vol2_btn02:hover,
li a.vol2_btn03:hover,
li a.vol2_btn04:hover,
li a.vol2_btn06:hover,
li a.vol2_btn07:hover {
	background-color:#FFFFFF;
}

li a.vol2_btn02:hover img,
li a.vol2_btn03:hover img,
li a.vol2_btn04:hover img,
li a.vol2_btn06:hover img,
li a.vol2_btn07:hover img {
	visibility:hidden;
}



li a.vol3_btn01,
li a.vol3_btn02 {
	display: block;
	width: 190px;
}

li a.vol3_btn01 {
	height: 46px;
	background: url(../img/vol3_btn01_s_o.gif) no-repeat 0 0;
}

li a.vol3_btn02 {
	height: 54px;
	background: url(../img/vol3_btn02_s_o.gif) no-repeat 0 0;
}

li a.vol3_btn01:hover,
li a.vol3_btn02:hover {
	background-color:#FFFFFF;
}

li a.vol3_btn01:hover img,
li a.vol3_btn02:hover img {
	visibility:hidden;
}



/*  メニュー背景   */

#vol2_bg {
	width: 492px;
	height: 120px;
	background: url(../img/vol2_bg.gif) top no-repeat;
}

#vol3_bg {
	width: 492px;
	height: 120px;
	background: url(../img/vol3_bg.gif) top no-repeat;
}

#vol2_bg_s {
	width: 190px;
	height: 145px;
	background: url(../img/vol2_bg_s.gif) top no-repeat;
}

#vol3_bg_s {
	width: 190px;
	height: 145px;
	background: url(../img/vol3_bg_s.gif) top no-repeat;
}


#secondary {
	float: right;
	width: 190px;
	margin: 20px auto;
	padding: 0 23px 20px 20px;
	text-align: center;
}

a.kato {
	display: block;
	width: 190px;
	height: 133px;
	background: url(../img/btn_profile_o.jpg) no-repeat 0 0;
}

a.kato:hover {
	background-color:#FFFFFF;
}

a.kato:hover img {
	visibility:hidden;
}

.banner_top {
	position: relative;
	text-align: center;
	top: 25px;
	left: auto;
}

.banner {
	position: relative;
	text-align: center;
	top: 25px;
	left: auto;
}
.banner_text {
	position: relative;
	text-align: center;
	top: 25px;
　　bottom: 10px;
	left: auto;
}

/*  20120613追加   */

.banner_p_text {
	text-align:center;
	margin:25px 0 5px 0;
}

.banner_p_img {
	margin:0 0 5px 0;
}

.banner_p_link {
	text-align:center;
}

.banner_p_link img {
	vertical-align:middle;
}


#caution {
	width:920px;
	margin:0 auto;
	text-align:center;
	font-size:80%;
	padding:5px 0 0 0;
}






/*  ポップアップページ   */

#pop_wrapper {
	width:647px;
	margin:0 auto;
	text-align: center;
}

#pop_wrapper .box {
	width:627px;
}

.step {
	float: left;
	width: 627px;
}

#close_btn a {
	display: block;
	width: 86px;
	height: 28px;
	background:url(../img/btn_close_o.gif) no-repeat 0 0;
	margin-left: 292px;
}

#close_btn a:hover {
	background-color:#FFFFFF;
}

#close_btn a:hover img {
	visibility:hidden;
}








#go_top {
	clear: both;
	margin: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	border-top: 1px #ccc dashed;
}	


/****** 4: common parts *************************************/

#topic_path{
	margin:7px 0 20px 0;
	font-size:80%;
	}

.bt_bnlist{
	padding:10px;
	text-align:right;
	}

.tc{ text-align:center;}
.tr{ text-align:right;}

a.cssover{
	display:block;
	}

a.cssover:link		{ border:1px solid #7a533a;}
a.cssover:visited	{ border:1px solid #7a533a;}
a.cssover:hover		{ border:1px solid #9bd01a;}
a.cssover:active	{ border:1px solid #9bd01a;}




/****** 7: etc *************************************/
.line {
	text-decoration: line-through;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.CenterAdjust {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


.RightAdjust { text-align: right; }