@charset "utf-8";

/* default reset
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p, address,dl, dt, dd
table, caption, th, td, img, form{
	margin: 0;
	padding: 0;
	border: none;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	list-style-type: none;
}
ul, ol, li {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	text-align: left;
}

html * { font-size:100.01%; }
textarea { font-size: 100%; }
img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: 0;
	line-height:0;
}

/* overflow
----------------------------------------------------*/
html {
	overflow-y:scroll;
}


/* base config
----------------------------------------------------*/
body {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size: 87.5%;
	background-color: #FFFFFF;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin: 0pt 0pt;
}
h4{
	font-size: 120%;
	margin-bottom: 1.5em;
}
h5 {
	margin-bottom: 1.5em;
}
p {
	line-height: 1.5em;
}
a {
	color: #305bc9;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
	outline: none;
}
table,th,td,td{
	margin:0;
	padding:0;
	border-collapse: collapse;
}
hr {
  color: #ccc;
  background: #CCCCCC;
  margin: 0 0 2em 0;
  border: 0;
	height: 1px;
	clear: both;
}


/* Container
----------------------------------------------------*/
#container {
	width: 100%;
	background: #ffffff url(../images/common/bg.gif) repeat-x center top;
	text-align: center;
}

/* Wrapper
----------------------------------------------------*/
#wrapper {
	width: 860px;
	height: auto;
	margin: 0 auto;
}


/* Header
================================================== */
#header {
	width: 860px;
	height: 90px;
	background: #2d3254 url(../images/common/header_bg.jpg) no-repeat center top;
}

#header h1 {
	font-size: 0;
	padding-top: 20px;
}


/* Global Menu
================================================== */
#globalMenu {
	height: 25px;
	color: #FFFFFF;
	background-color: #2d3254;
}

#globalMenu ul {
	height: 25px;
}

#globalMenu ul li {
	display: block;
	float: left;
	height: 25px;
	font-size: 0;
	padding-left: 40px;
}

#globalMenu ul li.ini {
	padding-left: 0;
}


/* Main
================================================== */
#main {
	clear: both;
	height: auto;
	padding-top: 35px;
}

ul.breadcrumb {
	color: #6a6a6a;
	font-size: 80%;
	padding-bottom: 30px;
}
ul.breadcrumb li {
	display: block;
	float: left;
	padding-right: 10px;
}
ul.breadcrumb li a {
	color: #6a6a6a;
	text-decoration: underline;
}


/* Footer
================================================== */
#footer {
	width: 860px;
	height: 40px;
	border-top: 5px solid #2c3254;
	padding-top: 10px;
	clear: both;
}
#footer p, #footer li {
	font-size: 80%;
	color: #686868;
}
#footer ul.fnavi {
	float: left;
}
#footer ul.fnavi li {
	display: block;
	float: left;
	padding-left: 12px;
}
#footer ul.fnavi li.ini {
	padding-left: 0;
}
#footer ul.fnavi li a {
	color: #686868;
	text-decoration: none;
}
#footer ul.fnavi li a:focus, #footer ul.fnavi li a:hover, #footer ul.fnavi li a:active {
	text-decoration: underline;
}
#footer p.copy {
	float: right;
}


/* Element
================================================== */
table.comn {
	border:1px solid #eee;
	width:100%;
	margin-bottom: 1em;
	clear:both;
}

table.comn td{
	padding: 15px;
	border:1px solid #eee;
}

table.comn th{
	padding:10px;
	font-weight:bold;
	background:#eee;
	border-bottom:1px #fff solid;
	border-left:1px #fff solid;
	white-space:nowrap;
	text-align:center;
}
table.comn th.left{
	text-align:left;
}
table th.table_title {
	background-color:#eeedf8;
}

/* Custum Class
================================================== */

/* font,text */
.small_font { font-size: 87.5%; }
.bigger_font { font-size: 130%; }
.accent { font-size: 130%; color:#cfa235; font-weight:bold; }
.nawrap{ white-space:nowrap; }

.note { text-indent:-1em; padding:0 0 0 1em; margin-bottom: 0.8em; }
.caution { color:#990000; text-indent:1em; padding:1em 0pt 0pt 1em; text-indent:-1em; }

.strong_base { width:100%; text-indent: 0.5em; padding:0.7em 0 0.5em 0; background-color:#eeedf8; margin:1em 0 0 0; }

/* list */
ul.style_normal { list-style-type: disc; padding: 0.5em 0 1em 2em; line-height: 1.5em;}
ul.style_normal li { list-style-type: circle; font-size: 90%; }
ol.style_normal { list-style-type: decimal; padding: 0.5em 0 1em 2em; line-height: 1.5em;}

li.style_none { list-style-type: none; }

/* layout */
.float_left { float: left; display:inline; margin-right: 0; }
.float_right { float: right; display:inline; margin-left: 0; }
.t_right{ text-align:right; }
.t_left{ text-align:left; }
.t_center{ text-align:center; margin:0 auto; }
.inline_center { display:block;	margin: 0 auto;	}
.space_15 { padding-top: 1.5em; clear:both; }
.space_30 { padding-top: 3em; clear:both; }
.spaceTD_15 { padding: 1.5em 0; }
.spaceR_15 { padding-right: 1.5em; }
.spaceL_15 { padding-left: 1.5em; }
.spaceD_15 { padding-bottom: 1.5em; }
.spaceD_30 { padding-bottom: 3em; }
.nospace { margin: 0; }
.overimg { clear:both; }

/*.col_l{ float:left; padding: 0 0 2em; height:100%; display:block;}*/
.w_15{width:15%;}
.w_20{width:20%;}
.w_30{width:30%;}
.w_35{width:35%;}
.w_40{width:40%;}
.w_45{width:45%;}
.w_50{width:50%;}

.frame { border: 1px #ececec solid; margin-bottom:1.5em; }
.frame_title { background-color:#EEEDF8; padding: 15px; }
.frame_text { padding: 0 15px; }

/* table */
th.pt_01 {}
.back_pink{background-color:#FFE8FF;}
.back_gray{background-color:#F7F7F7;}

/* other */
hr.bb_dot01 {
  border-top: #e2e2e2 2px dotted;
	height: 2px;
	background-color: #FFFFFF;
	margin: 0;
	clear: both;
}
.page_top{
	clear:both;
	color:#305bc9;
	font-size:x-small;
	margin:2em 0 0.5em;
	text-align:right;
}
.small_cpt{
	font-size:12px;
	text-align:left;
}
/* for ol ul */
.havecomment li {
	padding: 0 0 18px;
}

#contents .haveimgL img {
	float: left;
	margin-right: 15px;
}
#contents .haveimgR img {
	float: right;
	margin-left: 15px;
}

/* icon */
a.iconPDF {
	background: url(../images/common/icon_pdf.gif) no-repeat top right;
	padding-right: 20px;
	padding-top: 0.2em;
}


/* Finalize
----------------------------------------------------*/

#container:after,
#wrapper:after,
#header:after,
#globalMenu:after,
#main:after,
#col1:after,
#col2:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#container,
#wrapper,
#header,
#globalMenu,
#main,
#col1,
#col2 {
	min-height: 1%;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
* html .clearfix {
	height: 1%;
}