@charset "utf-8";


/* base
================================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {
	margin: 0 0 0em;
	padding: 0;
}  
html {
	overflow-y:scroll;
}

body {
	font: 62.5%/1.6 "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering テキストの太さを調整 */
	-webkit-text-size-adjust: none; /* Fix for webkit rendering テキストサイズの自動調整不可 */
	padding-right: 2em;
	padding-left: 2em;
	letter-spacing: 0.1em;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td {
	font-size: 1.4em;
	/* [disabled]letter-spacing: 0.1em; */
}  

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

p {
	text-align:justify;
}  

a:visited {
	color: #3366FF;
}

hr.clearfloat {
	clear:both;
	visibility: hidden;
	height: 0px;
}

.radius-m {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.backgc01 {
	background-image: url(../image/bgmenu-n1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

.backgc02 {
	background-image: url(../image/bgmenu-n2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}

span.new {
	color: #F00;
	margin-left: 1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1;
}

span.info-stop {
	color: #F00;
}


#updown {
	position:fixed;
	right:20px;
	bottom:20px;
	display:none;
}
#updown .toppoint a,
#updown .bottompoint a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #333;
	border-radius: 40px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 40px;}

#updown .toppoint a:hover,
#updown .bottompoint a:hover {
	background-color: #0CF;
}

#updown .toppoint a {
	margin-bottom: 5px;
}


/* Micro clearfix
================================================================================== */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}

.clearfix:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}



/* container box
================================================================================== */
#container {
	width: 96em;
	margin: 0.5em auto;
}
/* ---- `IE6 ---- */
* html #container {
	width: 96.2em;
}

div.to_nav {
	display: none;
}



/* header
================================================================================== */
#header-banner div {
	padding: 1em 1em 0.8em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #13a4ff; /* Old browsers */
	background: -moz-linear-gradient(top, #13a4ff 0%, #0000ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13a4ff), color-stop(100%,#0000ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #13a4ff 0%,#0000ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #13a4ff 0%,#0000ff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #13a4ff 0%,#0000ff 100%); /* IE10+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13a4ff', endColorstr='#0000ff',GradientType=0 ); /* W3C */
	background-position: top;
}

#sitename,
#officialsite {
	display: inline;
	color: #FFFFFF;
	font-weight: normal;
	font-family: "メイリオ", Meiryo, Osaka, sans-serif;
	line-height: 1;
}

#sitename {
	float: left;
	font-size: 1.6em;
	margin-bottom: 0.2em;
}
#officialsite {
	float: right;
	font-size: 1.2em;
	margin-top: 0.2em;
}




/* pan-kuzu-list
================================================================================== */
#crumbs-navi {
	margin-top: 1.3em;
}

#crumbs-navi li {
	font-size: 1.2em;
	line-height: 1.6;
	display: inline;
}

#crumbs-navi li span.level {
	font-weight: bold;
	color: #999;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

/* wrappe box
================================================================================== */
#wrapper {
	margin-top: 2em;
	padding-top: 1em;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-bottom: 3px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	width: 100%;
	padding-bottom: 1em;
}


/* contents box
================================================================================== */
#contents {
	float: left;
	width: 70em;
	margin-left: 1em;
	margin-bottom: 2em;
	display: inline; /* IE6のマージン2倍バグ対策 */
}


/* sidemenu box
================================================================================== */
#sidemenu {
	width: 22em;
	float: right;
	margin-bottom: 0em;
	margin-right: 1em;
	display: inline; /* IE6のマージン2倍バグ対策 */
}

.subcolum {
	margin-bottom: 3em;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.subcolum h2 {
	text-align: center;
	line-height: 1;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	border-bottom: 1px solid #CCC;
	background: #EBEBEB;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EBEBEB',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
	
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
}

#mainmenu h2 {
	border-bottom: 2px solid #0CF;
}

#beginner h2,
#notice h2 {
	border-bottom: 2px solid #FC0;
}

#official h2,
#related h2 {
	border-bottom: 2px solid #CCC;
}

.subcolum ul li {
	border-bottom: 1px dashed #EBEBEB;
	padding: 0.7em 0.5em;
	display: block;
	font-size: 1.2em;
	line-height: 1.4;
	list-style: none;
}
.subcolum ul li:last-child {
	border-bottom-style: none;
}

.subcolum  ul div {
	margin-top: 0.5em;
}

.subcolum  ul div p {
	font-size: 1em;
	line-height: 1.6;
	color: #666;
	margin-left: 1em;
}


#notice {
	background-color: #EFF;
}

#notice p {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	padding: 0.5em 0.6em 0.5em 1em;
}


/* footer box
================================================================================== */
#footer {
	clear: both;
}
#footer h2 {
	display: none;
}

#copyright {
	font-size: 1.2em;
	line-height: 1;
	padding: 5px;
	letter-spacing: 1px;
	color: #666;
}

/* other link
================================================================================== */

/* ---- IE7 ---- */
*:first-child+html a.pdf {
	background: url(../sp_newsletter/image/pdf_icon2.gif) no-repeat right -0.1em;
	padding-right: 1.5em;
}

/* ---- `IE6 ---- */
* html a.pdf {
	background: url(../sp_newsletter/image/pdf_icon2.gif) no-repeat right -0.1em;
	padding-right: 1.5em;
}

/* ---- modern ~IE7 ---- */
a.pdf:after {
	content: "" url(../sp_newsletter/image/pdf_icon2.gif);
	vertical-align: middle;
	margin-right: 1em;
	margin-left: 0.2em;
}
ul.internal li a:after {
	content: "" url(../image/inlink-down2.gif);
	vertical-align: middle;
	margin-left: 0.4em;
}
a.up:after {
	content: "" url(../image/inlink-up2.gif);
	vertical-align: middle;
	margin-left: 0.4em;
}
a.down:after {
	content: "" url(../image/inlink-down2.gif);
	vertical-align: middle;
	margin-left: 0.4em;
}
ul.internal li a:hover,
a.up:hover,
a.down:hover {
	cursor: s-resize;
}


/* link type (external) 
================================================================================== */
a.external1hp:after,
a.external2hp:after,
a.external3hp:after,
a.externalother:after {
	vertical-align: middle;
	margin-right: 0.6em;
	margin-left: 0.4em;
}

a.external1hp:after {
	content: url(../image/exlink-1hp.gif);
}

a.external2hp:after {
	content: url(../image/exlink-2hp.gif);
}

a.external3hp:after {
	content: url(../image/exlink-3hp.gif);
}

a.externalother:after {
	content: url(../image/exlink-other.gif);
}

a.external:after {
	content: "" url(../image/exlink.gif);
	vertical-align: middle;
	margin-right: 0.6em;
	margin-left: 0.4em;
}





.base-color-bg {
	background: #0000FF !important;
}

.no-bottom,
.no-bottom .section4:last-child {
	margin-bottom: 0px !important;
}

/* Media Queries
================================================================================== */
@media only screen and (max-width: 770px) {
div.to_nav {
	display: block;
	text-align: right;
	margin-bottom: 0.2em;
}

div.to_nav a {
	padding: 0.5em 1em;
	display: inline-block;
	letter-spacing: 0.2em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.2em;
	line-height: 1;
	margin-left: 0.5em;
	background: #EBEBEB;
	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EBEBEB',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	border: 1px solid #D6D6D6;
}

div.to_nav a:hover,
div.to_nav a:focus {
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
}

#spiritualism {
	display: none;
}
#crumbs-navi li {
	display: block;
	margin-bottom: 1em;
}
#container {
	width: 100%;
}
#wrapper {
	width: 100%;
	border-style: none;
}
#contents {
	float: none;
	width: 100%;
	margin-left: 0em;
}
#sidemenu {
	float: none;
	width: 100%;
}
}


/* print
================================================================================== */
@media print {
#header,
#sidemenu,
#footer {
	display: none;
}
#updown .toppoint a,
#updown .bottompoint a {
	display: none;
}

body {
	margin-left: 0em;
	margin-right: 0em;
}

#container {
	margin: 0px;
	width: 100%;
	border: none;
	padding-right: 0px;
	padding-left: 0px;
}

#wrapper {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	overflow: visible;
	position: static;
	border-style: none;
	width: 100%;
}

#contents {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,th,td {
	font-size: 10.5pt;
}

p {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
}