@charset "utf-8";
@import "contents.css";
@import "search.css";

/* ページ全体
----------------------------------------------- */

body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	sfont-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	sfont-family: "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/background.png) repeat-x;
	font-size: 12.25px;
	line-height: 18px;
}

html,body,div,
header,footer,article,section,aside,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
img,
p,blockquote,pre,cite,code,caption,
object,iframe,
a,strong,address,span,
sub,sup,
form,fieldset,legend,input,textarea,select,option,label,caption,
table,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
}


p,h1,h2,h3,h4,h5,h6,dl,ul{
	margin: 0;
	padding: 0;
	font-size:12.25px;
	list-style:none;
}

a img { border:0; }
li img { vertical-align: bottom; }

th, td {
	font-size: 12.25px;
	line-height: 18px;
}

.text_hidden {
	display:none;
}
.text_indent {
	text-indent:1em;
}

.clear {
	clear:both;
}

a:link {
	color: #0066cc;
	background-color: inherit;
}
a:visited {
	color: #0066cc;
	background-color: inherit;
}
a:hover, a:active {
	color: #ff3000;
	background-color: inherit;
}

.normalsize {
	font-size: 12px !important;
	font-weight:normal !important;
	font-style:normal !important;
	line-height: 16px !important;
}

.fontsmall {
	font-size: 10px;
	line-height: 14px;
}

.fontlarge {
	font-size: 15px;
	line-height: 20px;
}
.fontlarge25 {
	font-size: 15px;
	line-height: 25px;
}
.font-20px {
	font-size: 20px;
	line-height: 30px;
}

.floatleft {
	float:left;
	margin:0;
	padding:0;
}

.floatposition {
	float:left;
	position:relative;
}

.floatright {
	float:right;
	margin:0;
	padding:0;
}

.reverse_indent {
	margin-left:1em;
	text-indent:-1em;
}

.indent {
	text-indent:1em;
}

.textcenter {
	text-align:center;
}

.textright {
	text-align:right;
}

.red_bold {
	color:#FF0000;
	font-weight:bold;
}
.red {
	color:#FF0000;
}
.green {
	color:#6C3;
}

.nowrap {
	white-space:nowrap;
}
.block {
	display: inline-block;
	white-space: nowrap;
}

/* ページ全体
----------------------------------------------- */

#pagebody {
	margin:0 auto;
	width:950px;
}

#left-area {
	float:left;
	width:236px;
	background: url(../images/background_nav.png) no-repeat;
	height:1310px;
	padding:0 7px;
}


#right-area {
	float:right;
	width:700px;
}


/* 左メニュー
----------------------------------------------- */
#left-area .box {
	margin-top:10px;
}

/* Header
----------------------------------------------- */
.header {
	position:relative;
}
.header ul {
	position:absolute;
	top:0;
	left:621px;
}


/* Footer
----------------------------------------------- */
.footer {
	clear:both;
	background:url(../images/background_footer.png) repeat-x;
}
.footer .box {
	margin:0 auto;
	width:950px;
	position:relative;
}
.footer ul {
	position:absolute;
	top:0;
	left:848px;
}

/* Clear Fix 汎用 */

.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

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

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

 * flex 新

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

.flex{
	display: flex;
}
.flex-05 { flex: .5; }
.flex-10 { flex: 1; }
.flex-15 { flex: 1.5; }
.flex-20 { flex: 2; }
.flex-25 { flex: 2.5; }
.flex-30 { flex: 3; }
.flex-35 { flex: 3.5; }
.flex-40 { flex: 4; }
.flex-45 { flex: 4.5; }
.flex-50 { flex: 5; }
.flex-55 { flex: 5.5; }
.flex-60 { flex: 6; }
.flex-65 { flex: 6.5; }
.flex-70 { flex: 7; }
.flex-75 { flex: 7.5; }
.flex-80 { flex: 8; }
.flex-85 { flex: 8.5; }
.flex-90 { flex: 9; }
.flex-95 { flex: 9.5; }

.flex-dc_row-reverse{ flex-direction : row-reverse; }

.flex-ai_flex-start { align-items:flex-start;} /*上揃え（デフォルト）*/
.flex-ai_flex-end { align-items:flex-end;} /*上下揃え*/
.flex-ai_center { align-items:center;} /*上中央揃え*/
.flex-ai_baseline { align-items:baseline;} /*上ベースライン*/
.flex-ai_stretch { align-items:stretch;} /*上伸縮*/

.flex-jc_flex-start { justify-content:flex-start;} /*左端に配置*/
.flex-jc_flex-end { justify-content:flex-end;} /*右端に配置*/
.flex-jc_center { justify-content:center;} /*左右中央*/
.flex-jc_space-between { justify-content:space-between;} /*等間隔*/
.flex-jc_space-around { justify-content:space-around;} /*等間隔 / 起点・終点との間にも間隔*/

.flex-wrap {flex-wrap: wrap;}


.width-10px { width: 10px!important; }
.width-20px { width: 20px!important; }
.width-30px { width: 30px!important; }
.width-40px { width: 40px!important; }
.width-50px { width: 50px!important; }
.width-60px { width: 60px!important; }
.width-70px { width: 70px!important; }
.width-80px { width: 80px!important; }
.width-90px { width: 90px!important; }
.width-15px { width: 15px!important; }
.width-25px { width: 25px!important; }
.width-35px { width: 35px!important; }
.width-45px { width: 45px!important; }
.width-55px { width: 55px!important; }
.width-65px { width: 65px!important; }
.width-75px { width: 75px!important; }
.width-85px { width: 85px!important; }
.width-95px { width: 95px!important; }
.width-100px { width: 100px!important; }
.width-110px { width: 110px!important; }
.width-120px { width: 120px!important; }
.width-130px { width: 130px!important; }
.width-140px { width: 140px!important; }
.width-150px { width: 150px!important; }
.width-160px { width: 160px!important; }
.width-170px { width: 170px!important; }
.width-180px { width: 180px!important; }
.width-190px { width: 190px!important; }
.width-200px { width: 200px!important; }
.width-210px { width: 210px!important; }
.width-220px { width: 220px!important; }
.width-230px { width: 230px!important; }
.width-240px { width: 240px!important; }
.width-250px { width: 250px!important; }
.width-260px { width: 260px!important; }
.width-270px { width: 270px!important; }
.width-280px { width: 280px!important; }
.width-290px { width: 290px!important; }
.width-300px { width: 300px!important; }
.width-310px { width: 310px!important; }
.width-320px { width: 320px!important; }
.width-330px { width: 330px!important; }
.width-340px { width: 340px!important; }
.width-350px { width: 350px!important; }
.width-360px { width: 360px!important; }
.width-370px { width: 370px!important; }
.width-380px { width: 380px!important; }
.width-390px { width: 390px!important; }
.width-400px { width: 400px!important; }
.width-410px { width: 410px!important; }
.width-420px { width: 420px!important; }
.width-430px { width: 430px!important; }
.width-440px { width: 440px!important; }
.width-450px { width: 450px!important; }
.width-460px { width: 460px!important; }
.width-470px { width: 470px!important; }
.width-480px { width: 480px!important; }
.width-490px { width: 490px!important; }
.width-400px { width: 400px!important; }
.width-410px { width: 410px!important; }
.width-420px { width: 420px!important; }
.width-430px { width: 430px!important; }
.width-440px { width: 440px!important; }
.width-450px { width: 450px!important; }
.width-460px { width: 460px!important; }
.width-470px { width: 470px!important; }
.width-480px { width: 480px!important; }
.width-490px { width: 490px!important; }
.width-500px { width: 500px!important; }
.width-510px { width: 510px!important; }
.width-520px { width: 520px!important; }
.width-530px { width: 530px!important; }
.width-540px { width: 540px!important; }
.width-550px { width: 550px!important; }
.width-560px { width: 560px!important; }
.width-570px { width: 570px!important; }
.width-580px { width: 580px!important; }
.width-590px { width: 590px!important; }
.width-600px { width: 600px!important; }
.width-610px { width: 610px!important; }
.width-620px { width: 620px!important; }
.width-630px { width: 630px!important; }
.width-640px { width: 640px!important; }
.width-650px { width: 650px!important; }
.width-660px { width: 660px!important; }
.width-670px { width: 670px!important; }
.width-680px { width: 680px!important; }
.width-690px { width: 690px!important; }
.width-700px { width: 700px!important; }
.width-710px { width: 710px!important; }
.width-720px { width: 720px!important; }
.width-730px { width: 730px!important; }
.width-740px { width: 740px!important; }
.width-750px { width: 750px!important; }
.width-760px { width: 760px!important; }
.width-770px { width: 770px!important; }
.width-780px { width: 780px!important; }
.width-790px { width: 790px!important; }
.width-800px { width: 800px!important; }
.width-810px { width: 810px!important; }
.width-820px { width: 820px!important; }
.width-830px { width: 830px!important; }
.width-840px { width: 840px!important; }
.width-850px { width: 850px!important; }
.width-860px { width: 860px!important; }
.width-880px { width: 880px!important; }
.width-880px { width: 880px!important; }
.width-890px { width: 890px!important; }
.width-900px { width: 900px!important; }
.width-910px { width: 910px!important; }
.width-920px { width: 920px!important; }
.width-930px { width: 930px!important; }
.width-940px { width: 940px!important; }
.width-950px { width: 950px!important; }
.width-960px { width: 960px!important; }
.width-970px { width: 970px!important; }
.width-980px { width: 980px!important; }
.width-990px { width: 990px!important; }
.width-1000px { width: 1000px!important; }

.height-10px { height: 10px!important; }
.height-20px { height: 20px!important; }
.height-30px { height: 30px!important; }
.height-40px { height: 40px!important; }
.height-50px { height: 50px!important; }
.height-60px { height: 60px!important; }
.height-70px { height: 70px!important; }
.height-80px { height: 80px!important; }
.height-90px { height: 90px!important; }
.height-15px { height: 15px!important; }
.height-25px { height: 25px!important; }
.height-35px { height: 35px!important; }
.height-45px { height: 45px!important; }
.height-55px { height: 55px!important; }
.height-65px { height: 65px!important; }
.height-75px { height: 75px!important; }
.height-85px { height: 85px!important; }
.height-95px { height: 95px!important; }
.height-100px { height: 100px!important; }
.height-110px { height: 110px!important; }
.height-120px { height: 120px!important; }
.height-130px { height: 130px!important; }
.height-140px { height: 140px!important; }
.height-150px { height: 150px!important; }
.height-160px { height: 160px!important; }
.height-170px { height: 170px!important; }
.height-180px { height: 180px!important; }
.height-190px { height: 190px!important; }
.height-200px { height: 200px!important; }
.height-210px { height: 210px!important; }
.height-220px { height: 220px!important; }
.height-230px { height: 230px!important; }
.height-240px { height: 240px!important; }
.height-250px { height: 250px!important; }
.height-260px { height: 260px!important; }
.height-270px { height: 270px!important; }
.height-280px { height: 280px!important; }
.height-290px { height: 290px!important; }
.height-300px { height: 300px!important; }
.height-310px { height: 310px!important; }
.height-320px { height: 320px!important; }
.height-330px { height: 330px!important; }
.height-340px { height: 340px!important; }
.height-350px { height: 350px!important; }
.height-360px { height: 360px!important; }
.height-370px { height: 370px!important; }
.height-380px { height: 380px!important; }
.height-390px { height: 390px!important; }
.height-400px { height: 400px!important; }
.height-410px { height: 410px!important; }
.height-420px { height: 420px!important; }
.height-430px { height: 430px!important; }
.height-440px { height: 440px!important; }
.height-450px { height: 450px!important; }
.height-460px { height: 460px!important; }
.height-470px { height: 470px!important; }
.height-480px { height: 480px!important; }
.height-490px { height: 490px!important; }
.height-400px { height: 400px!important; }
.height-410px { height: 410px!important; }
.height-420px { height: 420px!important; }
.height-430px { height: 430px!important; }
.height-440px { height: 440px!important; }
.height-450px { height: 450px!important; }
.height-460px { height: 460px!important; }
.height-470px { height: 470px!important; }
.height-480px { height: 480px!important; }
.height-490px { height: 490px!important; }
.height-500px { height: 500px!important; }
.height-510px { height: 510px!important; }
.height-520px { height: 520px!important; }
.height-530px { height: 530px!important; }
.height-540px { height: 540px!important; }
.height-550px { height: 550px!important; }
.height-560px { height: 560px!important; }
.height-570px { height: 570px!important; }
.height-580px { height: 580px!important; }
.height-590px { height: 590px!important; }
.height-600px { height: 600px!important; }
.height-610px { height: 610px!important; }
.height-620px { height: 620px!important; }
.height-630px { height: 630px!important; }
.height-640px { height: 640px!important; }
.height-650px { height: 650px!important; }
.height-660px { height: 660px!important; }
.height-670px { height: 670px!important; }
.height-680px { height: 680px!important; }
.height-690px { height: 690px!important; }
.height-700px { height: 700px!important; }
.height-710px { height: 710px!important; }
.height-720px { height: 720px!important; }
.height-730px { height: 730px!important; }
.height-740px { height: 740px!important; }
.height-750px { height: 750px!important; }
.height-760px { height: 760px!important; }
.height-770px { height: 770px!important; }
.height-780px { height: 780px!important; }
.height-790px { height: 790px!important; }
.height-800px { height: 800px!important; }
.height-810px { height: 810px!important; }
.height-820px { height: 820px!important; }
.height-830px { height: 830px!important; }
.height-840px { height: 840px!important; }
.height-850px { height: 850px!important; }
.height-860px { height: 860px!important; }
.height-880px { height: 880px!important; }
.height-880px { height: 880px!important; }
.height-890px { height: 890px!important; }
.height-900px { height: 900px!important; }
.height-910px { height: 910px!important; }
.height-920px { height: 920px!important; }
.height-930px { height: 930px!important; }
.height-940px { height: 940px!important; }
.height-950px { height: 950px!important; }
.height-960px { height: 960px!important; }
.height-970px { height: 970px!important; }
.height-980px { height: 980px!important; }
.height-990px { height: 990px!important; }
.height-1000px { height: 1000px!important; }