@charset "utf-8";

#m_contents { width:1100px; margin:10px auto; }


#return_top { text-align:center; margin:10px; }
#return_top a { background: url("//image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }

/*body {
    font-family: "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;
    font-size: 14px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, blockquote, hr, form, input, textarea, address, th, td {
    margin: 0;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 100%;
}*/

#m_contents{
	 width:100%;
	 height:100%;
}

#m_contents h3{
	width:900px;
	padding: 0px;
	margin-top: 15px;
	line-height: 1.6em;
	font-size: 24px;
	color: #645235;
	margin-left: 70px;
	font-weight: normal;
	font-family: "F+UD-筑紫明朝 R",serif;
}

#m_contents a{
	color: #ffffff;
	text-decoration: none;
}

#main{
	width: 1100px;
	height: auto;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background-color: #ffffff;
	color: #655235;
	font-size: 18px;
}
/*-------------------------------------------------------------------

	CAT MV

-------------------------------------------------------------------*/
.cat{
	height:283px;
	margin-left:-35px;
	background: url(../images/cat_bg.jpg) no-repeat center top;
	/*border: solid 1px red;*/
}

.cat h2{
	font-size: 27px;
	font-weight:bold;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 70px;
	text-align: center;
	margin:0 auto; 
	color: #645235;

}

.cat p{
	font-family: "丸明オールド",MaruminOld;
	padding-top: 25px;
	text-align: center;
	margin:0 auto; 
	line-height: 1.8em;
}

.mv{
	/*border: solid 1px red;*/
	margin: 0 auto;
}
.mv img{
	display: block;
	padding-top: 20px;
	margin: 0 auto;
}

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

	SAMMARY

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

.sammary{
	/*border: solid 1px red;*/
	margin: 0 auto;
	padding-bottom: 50px;
	padding-top: 30px;
}

.samm_navtex{
	height: 103px;
	background: url(../images/sammary_h_bg.jpg) no-repeat center top;
}
.samm_navtex p{
	text-align: center;
	font-size: 24px;
	padding-top: 20px;
	line-height: 1.4em;
}
.samm_navtex .navtex_red{
	font-size: 28px;
	}
.samm_tex{
	background: url(../images/sammary_content_bg.jpg) no-repeat center top;
	height: 1060px;	
}

.samm_tex .samm_box1{
	width: 1020px;
	margin:0 auto;
	/*border: solid 1px red;*/
	padding-top: 40px;
	padding-bottom: 10px;
}

.samm_tex .samm_box2{
	width: 950px;
	margin:0 auto;
	/*border: solid 1px red;*/
	padding-top: 20px;
	text-align: center;
	line-height: 1.6em;
}
.left_item{
	float:left;
	margin-right: 20px;
	margin-top: 45px;
}

.right_item{
	float:right;
	margin-right: 10px;
	margin-top: 45px;
	line-height: 1.6em;
}
.left_item2{
	float:left;
	margin-right: 20px;
	margin-top: 45px;
	letter-spacing : 2.5px;
}

.left_item p{
	/*display: inline;
	top:30px;*/
	line-height: 1.8em;
}

.left_item2 p{
	/*display: inline;
	top:30px;*/
	margin-left: 20px;
	margin-top: -10px;
	line-height: 1.6em;
}
/*-------------------------------------------------------------------

	SAIPAN_AR

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

.saipan5{
	/*border: solid 1px red;*/
	margin: 0 auto;
	padding-top: 0px;
}
.saipan5_navtex_out {
	margin-bottom:50px;
	}
.saipan5_navtex {
	display: block;
	color: #FFFFFF;
	font-size: 40px;
	line-height: 60px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 800px;
	text-align: center;
	font-family: "F+UD-筑紫明朝 R",serif;
	height: 60px;
}

/* それぞれの長方形のbefore（前）とafter（後ろ）に大きさゼロの要素を作ります */
.saipan5_navtex:before,
.saipan5_navtex:after {
 content: "";
 border-style: solid;
 border-width: 0;
 position: absolute;
 width: 0;
 height: 0;
}

/* ひし形 */
.saipan5_navtex {
 background-color: #59C9CE;
}
.saipan5_navtex:after, .saipan5_navtex:before {
 border-color: transparent #59C9CE;
}
.saipan5_navtex:before {
 left: -30px;
 border-width: 30px 30px 30px 0;
}
.saipan5_navtex:after {
 right: -30px;
 border-width: 30px 0 30px 30px;
}
/*.saipan5_navtex img{
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
}*/
/*AR_H_FONTSTYLW*/
.ar1_h{
	background: url(../images/ar1_h.jpg) no-repeat center bottom;
	margin-top: 20px;
	height: 82px;
	/*border: solid 1px red;*/
	font-size: 40px;
}

.ar1_h h2{
	margin-left: 30px;
	margin-top: 30px;
}

.ar2_h{
	background: url(../images/ar2_h.jpg) no-repeat center bottom;
	margin-top: 0 auto;
	height: 120px;
	/*border: solid 1px red;*/
	font-size: 40px;
}
.ar2_h h2{
	margin-left: 30px;
	margin-top: 0px;
}

.ar3_h{
	background: url(../images/ar3_h.jpg) no-repeat center bottom;
	margin-top: 0 auto;
	height: 120px;
	/*border: solid 1px red;*/
	font-size: 40px;
}
.ar3_h h2{
	margin-left: 30px;
	margin-top: 0px;
}

.ar4_h{
	background: url(../images/ar4_h.jpg) no-repeat center bottom;
	margin-top: 0 auto;
	height: 120px;
	/*border: solid 1px red;*/
	font-size: 40px;
}
.ar4_h h2{
	margin-left: 30px;
	margin-top: 0px;
}

.ar5_h{
	background: url(../images/ar5_h.jpg) no-repeat center bottom;
	margin-top: 0 auto;
	height: 120px;
	/*border: solid 1px red;*/
	font-size: 40px;
}
.ar5_h h2{
	margin-left: 30px;
	margin-top: 0px;
}
/*.brown{
	font-size: 24px;
	color: #645235;
	line-height: 1.6em;
	margin-left: 200px;
}

/*.brown2{
	font-size: 24px;
	color: #645235;
	padding-top: 70px;
	line-height: 1.3em;
	margin-left: 200px;
}
/*AR_H_IMG*/
.ar img{
	display: block;
	margin: 0 auto;
	padding-top: 0px;
}


.box{
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 25px;
	padding-left: 20px;
	/*border: solid 1px red;*/
}
.float_photo img{
	float: left;
	padding-right: 20px;
}

/*AR_TEX*/
.ar1_tex{
	background: url(../images/ar1_tex_bg.jpg) no-repeat center top;
	height: auto;	
}

.ar1_tex p{
	font-weight: bold;
}
.ar2_tex{
	background: url(../images/ar2_tex_bg.jpg) no-repeat center top;
	height: auto;	
}
.ar2_tex p{
	font-weight: bold;
}
.ar3_tex{
	background: url(../images/ar3_tex_bg.jpg) no-repeat center top;
	height: auto;	
}
.ar3_tex p{
	font-weight: bold;
}
.ar4_tex{
	background: url(../images/ar4_tex_bg.jpg) no-repeat center top;
	height: auto;	
}
.ar4_tex p{
	font-weight: bold;
}
.ar5_tex{
	background: url(../images/ar5_tex_bg.jpg) no-repeat center top;
	height: auto;	
}
.ar5_tex p{
	font-weight: bold;
}
/*AR_TEX P*/
.ar1_tex p{
	text-align:left;
	padding-top: 50px; 
	padding-left: 60px;
	line-height: 1.6em;
	letter-spacing : 3px;
	height:267px;
}

.ar2_tex p{
	text-align:left;
	padding-top: 50px; 
	padding-left: 60px;
	line-height: 1.6em;
	letter-spacing : 3px;
	height:267px;
}

.ar3_tex p{
	text-align:left;
	padding-top: 50px; 
	padding-left: 60px;
	line-height: 1.6em;
	letter-spacing : 3px;
	height:167px;
}

.ar4_tex p{
	text-align:left;
	padding-top: 50px; 
	padding-left: 60px;
	line-height: 1.6em;
	letter-spacing : 3px;
	height:240px;
}

.ar5_tex p{
	text-align:left;
	padding-top: 50px; 
	padding-left: 60px;
	line-height: 1.6em;
	letter-spacing : 3px;
	height:240px;
}

/* LIST STYLE*/
.list1_midashi{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/point_kira.jpg);
	height: 60px;
	width: 900px;
	padding-left: 30px;
	letter-spacing : 3px;
	font-size: 22px;
	/*border: solid 1px red;*/
	line-height: 60px;
	margin-left: 30px;
	margin-bottom: 20px;
}
.list3_midashi{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/point_kira.jpg);
	height: 60px;
	width: 900px;
	padding-left: 30px;
	letter-spacing : 3px;
	font-size: 22px;
	line-height: 60px;
	margin-left: 30px;
	/* margin-bottom: 20px; */
}

.list4_midashi{
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/point_kira.jpg);
	height: 60px;
	width: 900px;
	padding-left: 30px;
	letter-spacing : 3px;
	font-size: 22px;
	line-height: 1.4;
	margin-left: 30px;
	margin-bottom: 20px;
}
/*.list1{
	background: url(../images/point_ya.jpg) no-repeat 30px 8px;
	height: auto;
	width: 900px;
	/*border: solid 1px red;
	padding-left: 113px;
	letter-spacing : 2px;
	line-height: 1.6em;
	margin-left: 30px;
}*/
.ar1_tex a:hover dd,
.ar2_tex a:hover dd,
.list3_box a:hover dd,
.list4_box a:hover dd,
.list5_box a:hover dd{
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
.ar1_tex a,
.ar2_tex a,
.list3_box a,
.list4_box a,
.list5_box a{
	height: 72px;
	width: 758px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}
.ar1_list1{
	background: url(../images/ar1_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px red;*/
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 10px;
	padding-left: 50px;
	line-height: 1.4em;
	font-weight: bold;
	text-align:center;
	/*letter-spacing : 2px;
	margin-left: 30px;*/
}

.ar1_list2{
	background: url(../images/ar1_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px red;*/
	color: #6D5C44;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 10px;
	padding-left: 50px;
	line-height: 1.4em
	font-weight: bold;
	/*letter-spacing : 2px;
	margin-left: 30px;*/
}

.ar2_list1{
	background: url(../images/ar2_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px red;*/
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 10px;
	padding-left: 50px;
	line-height: 55px;
	font-weight: bold;
	/*letter-spacing : 2px;	margin-left: 30px;*/
	
}

.ar2_list2{
	background: url(../images/ar2_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px red;*/
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 10px;
	padding-left: 50px;
	line-height: 1.4em;
	font-weight: bold;
	text-align: center;
	/*border: solid 1px red;*/
}
.ar1_list1{
	background: url(../images/ar1_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px red;*/
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 10px;
	padding-left: 50px;
	line-height: 1.4em;
	font-weight: bold;
	text-align:center;
	/*letter-spacing : 2px;
	margin-left: 30px;*/
}

.ar2_list3{
	background: url(../images/ar2_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px red;*/
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-left: 50px;
	line-height: 72px;
	font-weight: bold;
	text-align: center;
	/*letter-spacing : 2px;	margin-left: 30px;*/
	
}
.ar3_list1{
	background: url(../images/ar3_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto 10px;
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 0px;
	padding-left: 50px;
	line-height: 72px;
	font-weight: bold;
}
/*.ar4_list1{
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	color: #6D5C44;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 0px;
	padding-left: 50px;
	line-height: 72px;
	font-weight: bold;
}*/

.ar4_list1{
	background: url(../images/ar4_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	/*border: solid 1px red;*/
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 10px;
	padding-left: 50px;
	line-height: 55px;
	font-weight: bold;
	text-align: center;
	/*letter-spacing : 2px;	margin-left: 30px;*/
	
}

.ar5_list1{
	background: url(../images/ar5_list1.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto 10px;
	color: #6D5C44;
	font-size: 20px;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 0px;
	padding-left: 50px;
	line-height: 72px;
	font-weight: bold;
}
.list2_box{
	padding-top: 30px;
	padding-bottom: 100px;
	background: url(../images/line.jpg) no-repeat center bottom;
	margin-bottom: 40px;

}


.list3_box{
	padding-top: 30px;
	padding-bottom: 100px;
	background: url(../images/line.jpg) no-repeat center bottom;
	margin-bottom: 40px;

}

.list4_box{
	padding-top: 30px;
	padding-bottom: 100px;
	background: url(../images/line.jpg) no-repeat center bottom;
	margin-bottom: 40px;
}

.list5_box{
	padding-top: 30px;
	padding-bottom: 60px;
	background: url(../images/line.jpg) no-repeat center 250px;

}
.list2{
	background: url(../images/list2.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto 10px;
	color: #6D5C44;
	font-size: 20px;
	font-weight: bold;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 0px;
	padding-left: 50px;
	line-height: 72px;
	text-align:center;
}

.list2_2{
	background: url(../images/list2_2.jpg) no-repeat center top;
	height: 72px;
	width: 708px;
	display: block;
	margin: 0 auto;
	color: #6D5C44;
	font-size: 20px;
	font-weight: bold;
	font-family: "丸明オールド",MaruminOld;
	padding-top: 0px;
	padding-left: 50px;
	line-height: 72px;
	text-align:center;
}
.outlink_navtex{
	/*border: solid 1px red;*/
	width: 900px;
	padding-left: 30px;
	padding-top: 30px;
}


.outlink_float{
	float: left;
}

.outlink_float p{
	margin-top: 15px;
	margin-left: 10px;
	line-height: 1.4em;
}

.outlink_listbox{
	padding-top: 0px;
	padding-bottom: 100px;
}

#m_contents .outlink_listbox a{
	color: #46baea;
	text-decoration: underline;
}
.outlink_list{
	background: url(../images/point_sannkaku.jpg) no-repeat 100px 8px;
	height: auto;
	width: auto;
	/*border: solid 1px red;*/
	padding-left:123px;
	letter-spacing : 2px;
	line-height: 2em;
	margin-left: 45px;
}


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

	TABLE SETTING

-------------------------------------------------------------------*/
/* 隣接する線を重ねて表示 */
.table2 {
	 border-collapse: collapse; 
	}
 
/* 上部と左側の線のみ非表示。下部と右側は残っている */
.border_on { 
 border: 1px solid #7a3e12; 
 border-top-style:none; 
 border-left-style:none; 
 border-bottom-style:none; 
 font-size: 21px;
 width:20%; 
 line-height: 170%;
} 

 /* 上下左右すべての線を非表示 */
.border_off{ 
 border-style:none; 
 line-height: 170%;
 padding-bottom: 35px;
 padding-left:10px; 
} 

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

	COMMON CLASS

-------------------------------------------------------------------*/
.bold { font-weight:bold; }
.navtex_red{color: #da1f1f; }
.cat_brown{	color: #645235;}
.red{
	color: #fc7567; 
	font-size: 40px;
	text-align: center;
	font-family: "F+UD-筑紫明朝 R",serif;
}
.green{color: #24c7a3; 
	font-size: 40px;
	text-align: center;
	font-family: "F+UD-筑紫明朝 R",serif;
}
.pink{color: #ffa2dd; 
	font-size: 40px;
	text-align: center;
	font-family: "F+UD-筑紫明朝 R",serif;
}
.blue{color: #22b8fe; 
	font-size: 40px;
	text-align: center;
	font-family: "F+UD-筑紫明朝 R",serif;
}
.yellow{color: #efcc0c; 
	font-size: 40px;
	text-align: center;
	font-family: "F+UD-筑紫明朝 R",serif;
	}
.outlink_list_blue{color: #46baea; }
.f30{font-size: 30px; }
.font70 { font-size:70%; }
.font80 { font-size:80%; }
.font90 { font-size:90%; }
.font110 { font-size:110%; }
.font120 { font-size:120%; }
.font130 { font-size:130%; }
.font140 { font-size:140%; }
.font150 { font-size:150%; }
.font220 { font-size:220%; }
.font240 { font-size:240%; }
.ml10 { margin-left:10px; }
.ml150 { margin-left: 150px; }
.mb70_minus{ margin-bottom: -70px }
.mb20_minus{ margin-bottom: -20px }
.mb10 { margin-bottom: 10px; }
.mb20 {	margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mt90 { margin-top: 90px; }
.mt125 { margin-top: 125px; }
.pt150 {padding-top: 150px;}
.pt40 { padding-top: 40px; }
.pt30 { padding-top: 30px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pb15 { padding-bottom: 15px; }
.pl10{padding-left: 10px;}

.text_left{
	text-align:left;
}
.text_right{
	text-align:right;
}
.text_center{
	text-align:center;
}
.right_item{
	float:right;
}
.min{
	font-family: "丸明オールド",MaruminOld;
	}
.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}