﻿@charset "utf-8";
@import "style.css";


/*-----------------------------------------------------------------
Base
-----------------------------------------------------------------*/
body{
	font-size:80%;
	color: #333;
	margin: 0px;
	padding:0px;
	line-height:1.5;
	text-align:center;
	background:url(../img/back.jpg) center repeat-y #FFFFFF;
	font-family: Meiryo, 'Lucida Grande', Verdana, 'Hiragino Kaku Gothic Pro', sans-serif;
}

html {
	overflow-y: scroll;
}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd{
	margin: 0px;
	padding:0px;
	text-align:left;
}

body a {
	color: #2C5885; text-decoration:none;
}
body a:link {
	color: #2C5885; text-decoration:none;
}
body a:visited {
	color: #4D88C4; text-decoration:none;
}
body a:hover {
	color: #6633CC; text-decoration:underline;
}

a:focus{
	outline:none;
}

img{
	border:0px;
	vertical-align:center;
}

.left{text-align:left;}
.right{text-align:right; margin-right:7px;}
.right p{text-align:right;}
.center{text-align:center;}
.center p{text-align:center;}

/*-----------------------------------------------------------------
Font
-----------------------------------------------------------------*/
.red{color:#FF0000;}
.small_unit {font-size:0.8em; vertical-align:top;}
.big{font-size:120%;}
.ex_big{font-size:150%;}
.small{font-size:80%;}
.ctype_a{color:#990000;}
.underline{text-decoration:underline;}
.bold{font-weight:bold;}

/*-----------------------------------------------------------------
Space
-----------------------------------------------------------------*/
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.mr15{margin-right:15px;}
.mr10{margin-right:10px;}
.mr40{margin-rightt:40px;}
.mb20{margin-bottom:20px;}
.mt20{margin-top:20px;}
.pl15{padding-left:15px;}
	
/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
.f_right{
	float:right;
	margin:0 0 5px 15px;
}
.f_left{
	float:left;
	margin:0 15px 5px 0;
}
.f_clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.f_clear { display: inline-block; }
/* exlude MacIE5 \*/
* html .f_clear { height: 1% }
.f_clear {display:block;}
/* end MacIE5 */

/*-----------------------------------------------------------------
Table
-----------------------------------------------------------------*/
table{
	border-spacing:0;
	border-collapse:collapse;
	empty-cells:show;
	margin-left:auto;
	margin-right:auto;
	line-height:1.5;
}
td{
	text-align:left;
	vertical-align:top;
}
/*table border_ON*/
table.b_on{
	border-top:1px solid #B3B3B3;
	border-left:1px solid #B3B3B3;
	background:#FFF;
	margin-top:10px;
	margin-bottom:5px;
}
.b_on td,.b_on th{
	border-right:1px solid #B3B3B3;
	border-bottom:1px solid #B3B3B3;
}
.b_on td{
	padding:5px 8px;
}
.b_on th{
	background:#BDCCEE;
	padding:3px 8px;
	text-align:left;
}
.b_on th.text_center{
	text-align:center;
}
.b_on th.sub{
	background:#EBF0FA;
	font-weight:normal;
	text-align:left;
	width:60px;
	vertical-align:top;
}
.nowrap{
	white-space: nowrap;
}

/*-----------------------------------------------------------------
Title
-----------------------------------------------------------------*/
.top_page h2{
	background:url(../img/top_h2_back.jpg) bottom repeat-x #1D784A;
	font-size:1em;
	color:#FFFFFF;
	border-left:4px solid #0C371E;
	padding:0px 5px 3px 5px;
	margin:15px 0 10px 0;
}

h3{
	background:url(../img/h3_back.jpg) bottom repeat-x #319563;
	font-size:1.2em;
	color:#FFFFFF;
	border-left:4px solid #0C371E;
	padding:2px 5px 2px 5px;
	margin:30px 0 15px 0;
}
h3.head{
	margin-top:15px;
}
h3.head2{
	margin-top:5px;
}

/*h4{
	background:#669999;
	padding:2px 8px 2px 8px;
	border-left:4px solid #295C5C;
	margin:25px 12px 12px 12px;
	font-size:1em;
	color:#FFFFFF;
}*/
h4{
	background:/*url(../img/h4_back.jpg) bottom repeat-x */#DCEDE4;
	padding:2px 8px 2px 8px;
	border-left:4px solid #6AAE8A;
	margin:25px 12px 12px 12px;
	font-size:1.1em;
}

h5{
	padding:2px 8px 2px 8px;
	border-bottom:1px solid #999;
	margin:25px 12px 12px 12px;
	font-size:1.1em;
	color:#20863C;
}

/*-----------------------------------------------------------------
List
-----------------------------------------------------------------*/
dl{
	margin:0 22px;
}
dt{
	font-weight:bold;
	margin:3px 0 3px 0;
}
dd{
	margin:0 0 15px 15px;
}


ol{
	margin:0 0 0 30px;
}
ol li{
	margin:0 0 3px 0;
}
ol.normal{
	margin:15px 0 15px 50px;
}

ul.normal{
	margin:0px 0px 0px 20px;
}

ul.link,ul.pdf,ul.doc,ul.square{
	margin:15px 0 15px 30px;
}
ul.link li{	
	background:url(../img/arrow_yellow.gif) 2px 6px no-repeat;
	padding-left:20px;
	margin-bottom:3px;
	list-style-type:none;
}
ul.pdf li{	
	background:url(../img/icon_pdf.gif) 0px 2px no-repeat;
	padding-left:20px;
	margin-bottom:3px;
	list-style-type:none;
}
ul.doc li{	
	background:url(../img/icon_doc.gif) 0px 2px no-repeat;
	padding-left:20px;
	margin-bottom:3px;
	list-style-type:none;
}
ul.square li{	
	background:url(../img/icon_sq.gif) 4px 4px no-repeat;
	padding-left:20px;
	margin-bottom:6px;
	list-style-type:none;
}

/*-----------------------------------------------------------------
Common
-----------------------------------------------------------------*/
/*--P--*/
p{
	margin:0 22px 5px 22px;
	text-indent:1em;
}
p.no_indent{
	text-indent:0;
}

/*--pageup--*/
.pageup{
	clear:both;
	padding:30px 0 5px 0;
}
.pageup p{
	text-align:right;
	margin:8px 20px;
	font-size:0.8em;
}

/*--path--*/
#path{
	background:#EAEFFA url(../img/path_back.jpg) repeat-x bottom;
	padding:0px 2px 2px 2px;
	margin-bottom:20px;
}
#path p{
	margin:0 5px;
	font-size:0.8em;
}

/*--box--*/
.box{
	background:#EBF0FA;
	border:1px solid #CCCCCC;
	padding:10px 12px 8px 12px;
	margin:15px 20px;
	text-align:left;
}
.top_page .box{
	margin:0;
	font-size:12px;
	line-height:1.7;
	padding:8px 10px 12px 16px;
}

.box p{
	text-indent:0;
}
.box dl{
	margin:0 10px 7px 10px;
}
.box dt{
	margin:0 0 3px 0px;
	font-weight:bold;
}
.box dd{
	margin:5px 0 0 25px;
}
.box li{
	margin-bottom:3px;
}

/*--box2--*/
.box2{
	background:#fff;
	border:1px solid #CCCCCC;
	padding:10px 12px 8px 12px;
	margin:15px 20px;
}

.box2 img{
	margin: 15px 10px 10px;
}
