@charset "utf-8";
/* --HTML-- */
html {background:#fff;color:#000;overflow-y:scroll;}
/* --BODY-- */
body {
	font:75%/1.5 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック';
	margin:0;
	padding:0;

}
/* --OTHER TAGS-- */
a {overflow:hidden;cursor:pointer;}
a:hover {text-decoration:underline;}
a,a:visited,a:active { /* customize_link */ color: #66aa33; /* customize_link */ }
a:hover { /* customize_link_hover */ color: #66CC00; /* customize_link_hover */ }
a img, img { border:0; }
abbr, acronym { border:0; }
address, caption, cite, code, dfn, em, th, strong, var {font-style:normal;font-weight:normal;}
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {margin:0;padding:0;}
caption, th {text-align:left;}
code, kbd, pre, samp, tt {font-family:monospace;line-height:100%;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:bold; margin:1em 0;}
h1,h2,h3,h4,h5{ margin:0px 0px 4px 0px; padding:4px 0px; margin-top:8px; }
h1{ font-size:21px; line-height:28px }
h2{ font-size:18px; line-height:24px }
h3{ font-size:16px; line-height:21px }
h4{ font-size:14px; line-height:18px }
h5{ font-size:13px; line-height:16px }
ol, ul { list-style:none; margin:1em 0 1em 1.5em; text-align:left; }
q:before, q:after { content:''; }
/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
/* tables still need 'cellspacing="0"' */
table {border-collapse:collapse;border-spacing:0;font-size:100%;}
fieldset {border:1px solid #ccc;margin-bottom:1em;padding:0 1em 1em 1em;}
input {padding:0;vertical-align:middle;}
input[type="text"] {height:1.8em;line-height:1.5em;}
input[type="checkbox"],input[type="radio"] {padding:0;vertical-align:baseline;}

legend {background:#fff;padding:0.3em;}
select {padding:0;vertical-align:baseline;}
textarea {line-height:1.4;padding:0.1em;vertical-align:middle;}
/* --LIST-- */
dl {margin:1em;}
ol li {list-style:decimal outside;	}
ul li {list-style:disc outside;}
dl dd, ol li, ul li {margin-bottom:0.2em;}
/* --TABLE-- */
table {margin-bottom:1em;}
td, th {border:1px #888 solid;padding:0.3em;}
th {font-weight:bold;text-align:center;}
/* --OTHER TAGS-- */
abbr, acronym {border-bottom:1px dotted;cursor:help;}
blockquote {margin:1em;}
caption {margin-bottom:0.5em;text-align:center;}
em, strong {font-weight:bold;}
p {margin-bottom:1em;text-align:left;width:auto;padding:0px 0px 0px 0px; line-height: 18px;}
/* clearfix */
.clearfix:after {content:"";display:block;clear:both;}
/* for IE6 */
* html .clearfix {display:inline-block;}
/* for IE7 */
*+html .clearfix {display:inline-block;}

.center{ text-align: center; }
.right{ text-align: right; }
.left{ text-align: left; }
.underline{ text-decoration: underline; }
.underline-bold{ text-decoration: underline; font-weight: bold; }
.medium{ font-size: medium; }
.italic{ font-style:italic }
.red{ color: #f00; }
.green{ color: #0f0; }
.blue{ color: #00f; }
.yellow{ color: #ff0; }
.purple{ color: #f0f; }
.lightblue{ color: #0ff; }
.black{ color: #000; }
.white{ color: #fff; }
.float{ float: left; }
.float_r{ float: right; }
.clear{ clear: both; }
.bold{ font-weight: bold; }
.nowrap{ white-space: nowrap; }
.bg-red{ background-color: red; }
.bg-blue{ background-color: blue; }
.bg-green{ background-color: green; }
.bg-yellow{ background-color: yellow; }
.bd-red{ border: 1px #f00 solid; }
.bd-green{ border: 1px #0f0 solid; }
.bd-blue{ border: 1px #00f solid; }
.pointer{ cursor: pointer; }
.link{
	color: #00f;
	text-decoration: underline;
	cursor: pointer;
	margin: 0 3px 0 3px;
}
.block{ display: block; }
.unlink{ margin: 0 3px 0 3px; }
.spacer5{ padding-top: 5px; border: 0 solid; }
.spacer10{ padding-top: 10px; border: 0 solid; }
.spacer20{ padding-top: 20px; border: 0 solid; }
.spacer30{ padding-top: 30px; border: 0 solid; }
.spacer40{ padding-top: 40px; border: 0 solid; }
.spacer50{ padding-top: 50px; border: 0 solid; }
.paddingl10{ padding-left: 10px; }
.paddingl20{ padding-left: 20px; }
.paddingl30{ padding-left: 30px; }
.margin10{ margin: 10px; }
.hidden{ display: none; }

/*
	スタイルカスタマイズ
*/

html{ background-image:url(../img/bg.gif) ; background-repeat:repeat;}
body{color: #000000;letter-spacing: 0.1em;text-align: center;}

pre {
	margin: 5px;
	padding: 5px;
	border: 1px #aaa solid;
}

/* 外観 */

#container{text-align: center;background-color: #FFFFFF;width: 900px;margin:0 auto;padding:0;}
#wrapper{text-align: left;width: 870px;margin-left:15px;padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}
#header{background-image: url(../img/head_img_slim.jpg);}
#contants{padding-top: 10px;padding-left: 20px;}
#footer{
	padding-top: 30px;
}

#contents img{
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px;
	border: 1px solid #D6D6D6;
}

/* header */

#header{position:relative;}
#header #site_title{height:80px;font-size: 22px;line-height: 80px;font-weight: bold;margin:0;padding-left:15px; letter-spacing:0;}

#site_title a:link,#site_title a:visited,#site_title a:active{color: #333333;text-decoration:none;}
#site_title a:hover{color: #555555;text-decoration:none;}
#header div#hnavi{
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 12px;
	color: #000000;
}

#header #image_area {margin: 0px;padding: 0px;}
#header #header_nav{height:30px;margin: 0px;padding: 0px; font-weight:inherit; background-image: url(../img/head_menu_back.gif);border-bottom: solid 6px #CCCCCC;}
#header_nav ul{width: 870px; padding: 0px;margin:0;}
#header_nav li{list-style-type: none; float: left; font-size: 11px; line-height: 30px; color: #FFFFFF;  }

#header_nav a{display:block; padding: 0 10px;line-height:30px;color: #FFFFFF; text-decoration:none;border-right:1px #666666 solid;}
#header_nav a:hover{background-image: url(../img/head_menu_back_hover.gif); }

/* contents */

#contents img{}

/* rayout side R */

#main_L{ margin: 0px; float: left; width: 600px; padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}
#main_inner{font-size: 12px;line-height: 18px;}
#main_inner a:link,#main_inner a:visited,#main_inner a:active{color: #0066FF;}
#main_inner a:hover{color: #3366FF;text-decoration: underline;}
#main_inner p{width: 580px;padding-right: 5px;padding-left: 10px;padding-top: 5px;padding-bottom: 15px;margin: 0px;}
#main_inner h2{ font-size:14px; padding: 0px; background-image: url(../img/main_h2_bg3.gif); background-repeat: no-repeat; height: 30px; width: 600px; line-height: 28px; color: #000000; text-indent: 15px; margin-top: 0px; 	margin-right: 0px; margin-bottom: 10px; margin-left: 0px; font-weight:inherit; }

#main_inner h3{background-image: url(../img/main_h3_bg.gif);background-repeat: no-repeat;height: 25px;width: 600px;text-indent: 30px;font-size: 14px;line-height: 25px;font-weight: normal;padding: 0px;margin-top: 0px;	margin-right: 0px;margin-bottom: 10px;margin-left: 0px;}

#main_inner blockquote{	background-color: #e0e0e0;	padding: 5px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }
#main_inner ul{ margin-left: 30px; }
#main_inner ol{ margin-left: 30px; }
#main_inner li{}
#main_inner table{ margin-left: 10px; border: 1px solid #888; }
#main_inner th{ background-color: #444; background-image: url(../img/main_h2_bg.gif); text-align: center; font-weight: normal; color: #fff;}
#main_inner td{ }

#main_inner dl{}
#main_inner dt{ font-weight: bold; }
#main_inner dd{ margin-left: 1em; margin-bottom: 0.8em;}

#side_R{ float: right; width: 250px; padding: 0px; margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#side_inner{ font-size: 90%; }
#side_inner a{line-height:24px;color: #0066FF; text-decoration:none;}
#side_inner a:hover{ color: #3366FF; text-decoration: underline; }
#side_inner p{ width: 230px; padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; margin: 0px;}
#side_inner h2{ font-size:12px;	padding: 0px; background-image: url(../img/sidebar.gif); height: 28px; width: 250px; line-height: 28px; color: #FFFFFF; text-indent: 10px; font-weight: normal;	letter-spacing: 0.1em; 	margin-bottom: 10px; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-weight:inherit;}

#side_inner h3{ background-image: url(../img/side_h3_bg.gif); background-repeat: no-repeat; height: 25px; width: 250px; text-indent: 30px; font-size: 14px; line-height: 25px; font-weight: normal; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px;}
#side_inner h4{ padding-left: 15px; font-size: 12px; }
#side_inner ul{ margin: 0.4em 0 0.4em 1.5em; }
#side_inner ol{ margin: 0.4em 0 0.4em 1.5em; }
#side_inner li{margin-left:10px; list-style-image: url(../img/icon.gif);line-height:24px;border-bottom:1px #aaaaaa solid;}

/* rayout side L */

#main_R{ margin: 0px;float: right;width: 600px; padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#side_L{ float: left; width: 250px; padding: 0px; margin-top: 4px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

/* rayout full*/

#main_full{ margin: 0px; width: 870px; padding-top: 4px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;}

#main_inner_full h2{ font-size:14px; padding: 0px;background-image: url(../img/full_h2_bg.gif);background-repeat: no-repeat;height: 28px;width: 870px;line-height: 28px;color: #FFFFFF;text-indent: 17px;font-weight: bolder;letter-spacing: 0.1em;margin-top: 0px;margin-right: 0px;margin-bottom: 10px;margin-left: 0px; font-weight:inherit;}

#main_inner_full h3{background-image: url(../img/full_h3_bg.gif);background-repeat: no-repeat;height: 25px;width: 870px;text-indent: 30px;font-size: 14px;line-height: 25px;font-weight: normal;padding: 0px;margin-top: 0px;	margin-right: 0px;margin-bottom: 10px;margin-left: 0px;}

#main_inner_full table{ margin-left: 10px; border: 1px solid #CCCCCC; }
#main_inner_full th{ background-color: #CCCCCC; text-align: left; font-weight: normal; color: #333333;}
#main_inner_full td{ }


/* footer */


#footer{}
#footer #footer_inner{}
#footer_nav ul{	font-size: 12px; line-height: 18px;	background-color: #CCCCCC; margin: 0px;	padding: 0px;}
#footer_nav li{ float: left; list-style-type: none; color: #555555; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 5px;}
#footer_nav a:link,#footer_nav a:visited,#footer_nav a:active {	float: left; list-style-type: none; color: #555555; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin:0;}
#footer_nav a:hover{ background-color: #555555; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin:0; color: #FFFFFF; }
#copyright{ height: 60px; width: 900px; background-color: #777777; letter-spacing: 0em; }
#copyright a:link,#copyright a:visited,#copyright a:active{ color: #CCCCCC; text-decoration: underline;}
#copyright a:hover{ color: #FFFFFF; text-decoration: underline;}
#copy{ font-size: 12px; line-height: 18px; color: #CCCCCC; margin: 0px; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; }
#powered{ padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; line-height: 18px; font-size: 12px; color: #CCCCCC; }

#main_inner div.faq h2{
	margin-left: -6px;
	margin-top: -6px;
}

.expand-title {
  cursor: pointer;
  margin-left: 20px;
}
.expand-content {
  padding-left: 5px;
  margin-left: 20px;
}
.expand-open {
  background: url(../img/expand-up.png) no-repeat 2px 2px;
  padding-left:20px;
}
.expand-closed {
  background: url(../img/expand-down.png) no-repeat 2px 2px;
  padding-left:20px;
}