@charset "utf-8";

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


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

Redefine

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

html {
  position: relative;
  min-height: 100%;
}

body {
	line-height: 1;
	color: #737373;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.02em;
}

a:link {
	color: #636363;
	word-break: break-all;
}

a:visited {
	color: #636363;
}

a:hover,
a:visited:hover {
	text-decoration: none;
}

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

Redefine - header

---------------------------------------- */
div#header{
	width: 100%;
	border-top: 6px solid #663499;
}

div#header div#header-top h1{
	margin: 9px 0 9px 20px;
}

div#header div#header-top ul{
	width: 313px;
	height: 30px;
	background: url("../img/header/bg_headertop_ul.png") no-repeat center center;
	margin-top: 17px;
}

div#header div#header-top ul li{
	margin-left: 1px;
}

div#header div#header-btm{
	width: 100%;
	border-top: 7px solid #EDEDED;
}

div#header div#header-btm ul#globalmenu{
	width: 1000px;
	height: 55px;
	background: url("../img/header/bg_gm.png") no-repeat left top;
	margin: 20px auto 0;
	position: relative;
}

div#header div#header-btm ul#globalmenu li{
	position: absolute;
	top:0;
	padding-bottom: 13px;
}

div#header div#header-btm ul#globalmenu li img{
	margin-left: 1px;
}

div#header div#header-btm ul#globalmenu li#globalmenu1{
	left:0px;
	width: 169px;
}

div#header div#header-btm ul#globalmenu li#globalmenu2{
	left:168px;
	width: 170px;
}

div#header div#header-btm ul#globalmenu li#globalmenu3{
	left:337px;
	width: 169px;
}

div#header div#header-btm ul#globalmenu li#globalmenu4{
	left:505px;
	width: 169px;
}

div#header div#header-btm ul#globalmenu li#globalmenu5{
	left:673px;
	width: 171px;
}

div#header div#header-btm ul#globalmenu li#globalmenu6{
	right:0px;
	width: 141px;
}

div#header div#header-btm ul#globalmenu li.current{
	border-bottom: 6px solid #483363;
}

div#header-spmenu{
	display: none;
}

div#breadcrumb{
	background: #EDEDED;
	padding: 11px 0;
	margin-bottom: 34px;
}

div#breadcrumb ol{
}

div#breadcrumb ol li {
	display: inline;
	padding: 0 10px 0 25px;
	background: url("../img/header/img_topicpass.png") left 60% no-repeat;
	font-size: 12px;
	letter-spacing: 0.1em;
	position: relative;
	margin-right:10px;
}

div#breadcrumb ol li#path-secondpage{
	margin-left: 37px;
}

div#breadcrumb ol li a{
	color:#746687;
}

div#breadcrumb ol li#path-toppage {
	padding-left: 0;
	background: none;
}

div#breadcrumb ol li#path-toppage a{
	position: absolute;
	top:-2px;
	left: 10px;
	width: 16px;
	height: 16px;
	background: url("../img/header/img_home.png") left top no-repeat;
}


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

Redefine - container

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

div.container {
	margin: 0 auto;
	width: 1000px;
	padding: 0 20px;
}


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

Redefine - contents

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

div#contents {
}

/* -- NOSCRIPT -- */

div#contents p#Noscript {
	margin-bottom: 15px;
	padding: 0.5em 1em;
	border: 2px solid #DDD;
	color: #333;
}

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

Redefine - footer

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

div#footer{
	position: absolute;
	bottom: 0;
	width: 100%;
}

div#footer div#gotop{
	font-size: 12px;
	background: url("../img/footer/icon_gotop.png") no-repeat left center;
	padding-left: 15px;
	cursor: pointer;
}

div#footer ul#footer-menu{
	font-size: 12px;
}

div#footer ul#footer-menu li{
	padding: 0 14px;
	border-left:1px solid #B9B9B9;
}

div#footer ul#footer-menu li a{
	color:#555;
}

div#footer ul#footer-menu li.last{
	border-right:1px solid #B9B9B9;
}

div#footer div#footer-top{
	width: 100%;
	background: #3A1E57;
	color:#fff;
	padding: 20px 0 12px;
}

div#footer div#footer-top div.container{
	background: url("../img/footer/img_icon.png") no-repeat 14px 3px;
}

div#footer div#footer-top h3{
	font-size: 16px;
	margin-left: 94px;
}

div#footer div#footer-top a{
	color:#fff;
}

div#footer div#footer-top p{
	font-size: 12px;
	margin-left: 94px;
}

div#footer div#footer-btm{
	background: #200C35;
	padding: 11px 0;
}

div#footer div#footer-btm p{
	font-size: 11px;
	color:#fff;
	opacity: 0.5;
}

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

Second Page

---------------------------------------- */
div#second-left-contents{
	width: 203px;
	float: left;
}

div#second-right-contents{
	width: 772px;
	float: right;
	margin-bottom: 44px;
}

ul#second-left-contents-menu{
	background: #E5E5E5;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;	/* Firefox用 */
	padding: 3px 0;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	padding: 7px 0;
}

ul#second-left-contents-menu li{
	background-color: #fff;
	border-bottom: 1px solid #E5E5E5;
}

ul#second-left-contents-menu li:hover,
ul#second-left-contents-menu li.current{
	background: #E3E0EB;
}

ul#second-left-contents-menu li a{
	color:#000;
	display: block;
	padding: 15px 17px;
	background: url("../img/second/common/bg_left_contents_menu.png") no-repeat left center;
}

ul#second-left-contents-menu li a.multiple{
	padding: 8px 17px;
}


ul#second-left-contents-menu li.current a,
ul#second-left-contents-menu li a:hover{
	background: url("../img/second/common/bg_left_contents_menu_on.png") no-repeat left center;
}

ul#second-left-contents-pdf{
	background: #E5E5E5;
	border-radius: 7px;		/* CSS3草案 */
	-webkit-border-radius: 7px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 7px;	/* Firefox用 */
	padding: 3px 0;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #E5E5E5;
	padding: 6px;
}

ul#second-left-contents-pdf li{
	background-color: #fff;
	font-size: 12px;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
}

ul#second-left-contents-pdf li a{
	color:#585858;
	display: block;
	padding:15px 0 15px 44px;
	background: url("../img/second/common/icon_pdf.png") no-repeat 10px center;
}

ul#second-left-contents-pdf li.second-left-contents-bnr3 a{
	background: url("../img/top/bnr_3_icon.png") no-repeat 15px center;
}

ul#second-left-contents-pdf li.second-left-contents-bnr5 a{
	background: url("../img/top/bnr_5_icon.png") no-repeat 15px center;
}

ul#second-left-contents-pdf li.second-left-contents-bnr6 a{
	background: url("../img/top/bnr_6_icon.png") no-repeat 15px center;
}

h2#second-right-contents-title{
	width: 770px;
	height: 258px;
	margin-bottom: 20px;
}

div.second-right-contents-list{
	width: 377px;
	height: 260px;
	position: relative;
	margin-bottom: 18px;
}

div.second-right-contents-list-title{
	position: absolute;
	bottom:0;
	left: 0;
	background-color: #EAEAEA;
	width: 100%;
	height: 57px;
	background-image: url("../img/second/common/bg_right_contents_list_title.jpg");
	background-repeat: no-repeat;
	background-position: left center;
}

div.second-right-contents-list-title h3{
	padding: 19px 0 0 15px;
	font-size: 16px;
	color:#483462;
}

div#second-right-contents a.second-right-contents-link{
	border-top: 1px #ABABAB dotted;
	border-bottom: 1px #ABABAB dotted;
	display: block;
	padding: 20px 0;
	background: url("../img/common/icon_arrow_right.png") no-repeat center right;
}

div#second-right-contents a.second-right-contents-link.active{
	background: url("../img/common/icon_arrow_slide.png") no-repeat center right;
	border-bottom: none;
}

div#second-right-contents a.second-right-contents-link.pdf{
	background: url("../img/second/common/icon_pdf.png") no-repeat center right;
}

div#second-right-contents a.second-right-contents-link.nobdbtm{
	border-bottom: none;
}


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

Common Class

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

.clear {clear: both;}
.fll {float:left;}
.flr {float:right;}
.fcb{color:#000;}
.fcg1{color:#595959;}
.tac{text-align: center;}
.tar {text-align: right;}
.mb5{margin-bottom: 5px;}
.mb7{margin-bottom: 7px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb100{margin-bottom: 100px;}
.mb120{margin-bottom: 120px;}
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}
.mt12{margin-top: 12px;}
.mr10{margin-right: 10px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs24{font-size: 24px;}
.fs26{font-size: 26px;}
.fwb{font-weight: bold;}
.op4{opacity: 0.4;}
.lh120{line-height: 120%;}
.lh140{line-height: 140%;}
.lh160{line-height: 160%;}
.lh180{line-height: 180%;}
.lh200{line-height: 200%;}
.lh220{line-height: 220%;}
.ls01{letter-spacing: 0.1em;}
.ls02{letter-spacing: 0.2em;}
.ls03{letter-spacing: 0.3em;}
.ul{text-decoration: underline;}
a.noul{text-decoration: none;}
a.noul.over:hover{text-decoration: underline;}
a.fcp{color:#642E98;}
.br-sp {display:none;}
.br-pc {display:inline;}
.pc{display: block;}
.sp{display: none;}
.ff-kozuka{font-family:"小塚ゴシック Pro", "メイリオ","ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;}
a.link-asl{
	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}
.ti{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h2.h2-title{
	font-size: 26px;
	color:#252525;
	padding-bottom:22px; 
	min-width: 114px;
	background: url("../img/second/common/h2_title_bg.png") no-repeat left bottom;
	margin-bottom: 35px;
}

h3.h3-title{
	font-size: 15px;
	color:#252525;
	margin-bottom: 28px;
}

h3.h3-title-l{
	font-size: 20px;
	color:#252525;
}

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

clearfix

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

/* -- Modern Browsers -- */

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

/* -- IE7 -- */

.clearfix {
	display: inline-block;
}

/*  -- Legacy IE -- */

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 750px) {
	body{
		font-size: 28px;
	}
	
	.br-sp {display:inline;}
	.br-pc {display:none;}
	.pc{display: none;}
	.sp{display: block;}
	
	h2.h2-title{
		font-size: 38px;
		color:#252525;
		padding-bottom:42px; 
		min-width: 162px;
		background: url("../img/second/common/h2_title_bg_sp.png") no-repeat left bottom;
		margin-bottom: 35px;
	}
	
	h3.h3-title{
		font-size: 24px;
		margin-bottom: 40px;
	}
	
	h3.h3-title-l{
		font-size: 40px;
	}
	
	.mlr25{margin-left: 25px;margin-right: 25px;}
	
	div.container{
		width: 750px;
		padding: 0;
	}
	
	/* ----------------------------------------
	
	header
	
	---------------------------------------- */
	
	div#header{
		position: fixed;
		background: #fff;
		z-index:10;
	}
	
	div#header div#header-top h1{
		margin: 5px 0 0 15px;
	}
	
	div#header div#btn-spmenu{
		width: 95px;
		height: 95px;
		background: url("../img/header/btn_spmenu.jpg") no-repeat;
		cursor: pointer;
	}
	
	div#header div#btn-spmenu.active{
		background: url("../img/header/btn_close_spmenu.jpg") no-repeat;
	}
	
	div#header-spmenu{
		position: absolute;
		top:95px;
		left: 95px;
		left: 0;
		z-index:9;
		display: none;
		letter-spacing: 0.1em;
	}
	
	div#header-spmenu.active{
		display: block;
	}
	
	div#header-spmenu ul li{
		background-color: #672E9A;
		border-bottom: 1px solid #fff;
	}
	
	div#header-spmenu ul li a{
		text-decoration: none;
		color:#fff;
		display: block;
		padding: 40px 32px;
	}
	
	div#header-spmenu ul li.header-spmenu-toplevel{
		font-size: 40px;
		background: #672E9A url("../img/header/spmenu/icon_plus.png") no-repeat 690px 45px;
	}
	
	div#header-spmenu ul li.header-spmenu-toplevel ul{display: none;}
	
	div#header-spmenu ul li.header-spmenu-toplevel.active{
		background: #672E9A url("../img/header/spmenu/icon_minus.png") no-repeat 686px 55px;
		border-bottom: none;
	}
	
	div#header-spmenu ul li.header-spmenu-toplevel-nolink{
		font-size: 40px;
		background: #672E9A url("../img/header/spmenu/icon_arrow_white.png") no-repeat 695px 44px;
	}
	
	div#header-spmenu ul li.header-spmenu-toplevel-sub{
		font-size: 26px;
		background: #672E9A url("../img/header/spmenu/icon_arrow_white_s.png") no-repeat 697px 44px;
	}
	
	div#header-spmenu ul li.header-spmenu-secondlevel{
		font-size: 30px;
		border-bottom: 1px solid #CCB9DE;
		background: #fff url("../img/header/spmenu/icon_arrow_purple_s.png") no-repeat 695px 50px;
	}
	
	div#header-spmenu ul li.header-spmenu-secondlevel a{
		color:#663399;
		padding: 45px 70px;
	}
	
	/* ----------------------------------------
	
	contents
	
	---------------------------------------- */
	
	hr.contents-start{
		margin: 0;
		padding: 0;
		border: none;
		border-bottom: #ECECEC 7px solid;
		margin-bottom: 30px;
	}
	
	div#contents{
		padding-top: 101px;
	}
	
	div#contents.active{
		height: 500px;
		overflow: hidden;
	}
	
	/* ----------------------------------------
	
	footer
	
	---------------------------------------- */
	
	div#footer ul#footer-menu{
		font-size: 21px;
		margin-left: 25px;
		margin-bottom:30px;
		letter-spacing: 0;
	}
	
	div#footer ul#footer-menu li{
		padding: 0 11px;
		border-left:2px solid #555;
	}
	
	div#footer ul#footer-menu li.last{
		border-right:2px solid #555;
	}
	
	div#footer div#footer-top{
		background: url("../img/footer/bg_header_top.jpg") repeat-x;
		height: 116px;
		padding: 0;
	}
	
	div#footer div#footer-top div.container{
		background: url("../img/footer/img_icon_sp.jpg") no-repeat 26px 28px;
	}
	
	div#footer div#footer-top h3{
		font-size: 24px;
		margin-left: 112px;
		padding-top: 20px;
		letter-spacing: 0.1em;
	}
	
	div#footer div#footer-top p{
		font-size: 18px;
		margin-left: 112px;
		letter-spacing: 0.1em;
		line-height: 130%;
	}
	
	div#footer div#footer-top div.flr{
		margin: 25px 25px 0 0;
	}
	
	div#footer div#footer-btm{
		background: #3B1E57;
		padding: 18px 0;
	}
	
	div#footer div#footer-btm p{
		font-size: 12px;
	}
	
	/* ----------------------------------------
	
	Second Page
	
	---------------------------------------- */
	
	div#second-left-contents{
		width: 750px;
	}
	
	ul#second-left-contents-pdf{
		background: #CECECE;
		border-radius: 0;		/* CSS3草案 */
		-webkit-border-radius: 0;	/* Safari,Google Chrome用 */
		-moz-border-radius: 0;	/* Firefox用 */
		padding: 28px;
		margin-bottom: 23px;
	}
	
	ul#second-left-contents-pdf li{
		background-color: #fff;
		font-size: 40px;
		border-radius: 6px;		/* CSS3草案 */
		-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 6px;
	}
	
	ul#second-left-contents-pdf li.mb7{
		margin-bottom: 30px;
	}
	
	ul#second-left-contents-pdf li a{
		color:#585858;
		display: block;
		padding:32px 0 32px 104px;
		background: url("../img/second/common/icon_pdf_sp.png") no-repeat 10px center;
	}
	
	div#second-right-contents{
		width: 750px;
		float: none;
		margin-bottom: 10px;
	}
	
	div#second-right-contents a.second-right-contents-link{
		padding: 20px 20px;
		background: url("../img/common/icon_arrow_right_sp.png") no-repeat 690px center;
	}
	
	div#second-right-contents a.second-right-contents-link.active{
		padding: 20px 20px;
		background: url("../img/common/icon_arrow_slide_sp.png") no-repeat 690px center;
	}
	
	div#second-right-contents a.second-right-contents-link.pdf{
		padding: 40px 20px;
		background: url("../img/second/common/icon_pdf_sp.png") no-repeat 670px center;
	}
	
	h2#second-right-contents-title{
		width: 750px;
		height: 401px;
		margin-bottom: 30px;
	}
	
	div.second-right-contents-list{
		width: 750px;
		height: 472px;
		margin-bottom: 30px;
	}
	
	div.second-right-contents-list.fll,
	div.second-right-contents-list.flr{
		float: none;
	}
	
	div.second-right-contents-list-title{
		height:87px;
		background-image: url("../img/second/common/bg_right_contents_list_title_sp.jpg");
	}
	
	div.second-right-contents-list-title h3{
		padding: 26px 0 0 32px;
		font-size: 34px;
		color:#483462;
	}
}