﻿@charset "utf-8";

/* ---------- 基本設定 ---------- */
* {
	margin:0;
	padding:0;
}

html {
	overflow-y: scroll; /*FireFoxのスクロールバー分のズレをとるCSS*/
}

img {
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---------- 全般設定 ---------- */
body {
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	line-height:180%;
	color:#000000;
	background-color:#efefef;
}
body, x:-moz-broken{font-family:"ＭＳ ゴシック", "Osaka－等幅"}
html* body{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;}

/* ---------- リンクの色を指定 ---------- */
a:link {
	text-decoration: underline;
	color: #1B356D;
}
a:visited {
	text-decoration: underline;
	color: #1B356D;
}
a:active {
	text-decoration: underline;
	color: #1B356D;
}
a:hover {
 	text-decoration: underline;
	color: #061301;
}
a name {
	text-decoration: underline;
	color: red;
}


/* ---------- 見出し設定 ---------- */
h1 {
	font-weight: bold;
	color: #cc0000;
}

h2{
	background:url(img/contitle_bg.gif) no-repeat top left;
	font-size: 1em;
	line-height: 2;
	font-weight: bold;
	color: #333333;
	padding:0 0 5px 16px;
	margin:0;
}

h2.heading_long{
	font-size: 1em;
	line-height: 2;
	background:url(img/contitle_bg_s.gif) no-repeat top left;
}

h2.heading_short-l{
	background: url(img/contents_t_bg.gif) repeat-x;
	margin: 0;
	padding:0;
	font-family: "helvetica", "Futura", "verdana", "arial", "Sans-Serif", sans-serif;
	font-size:12px;
	font-weight: bold; 
	color: white;
	text-align: center;
	height:15px;
	line-height:1.4em;
}

h2.heading_short-r{
	background: url(img/new_t_bg.gif) repeat-x;
	margin: 0;
	padding:0;
	font-family: "helvetica", "Futura", "verdana", "arial", "Sans-Serif", sans-serif;
	font-size:12px;
	font-weight: bold; 
	color: white;
	text-align: center;
	height:15px;
	line-height:1.4em;
}


/* ====================== 骨組み ====================== */

/* ---------- bodybox ---------- */
#bodybox {
	width:750px;
	margin:0 auto;
	background:url(img/body_bg.gif) repeat-y left top;
}
#toppage #bodybox {
	width:750px;
	margin:0 auto;
	background:url(img/body_bg_top.gif) repeat-y left top;
}

/* ---------- header ---------- */
#header {
	margin:0 15px;
	padding:5px 0;
	background-color:#FFFFFF;
	height:100px;
}


#header h1{
}


/* ---------- contents ---------- */
#contents {
	margin:0 15px;
	clear:both;
}

/* ---------- globalnav ---------- */
#globalnav {
	width:160px;
	float:left;
}

#globalnav ul {
	font-size: 12px;
	text-indent:14px;
	line-height:30px;
}

#globalnav li {
	list-style-type: none;
	margin:0;
	padding:0;
	background:url(img/menu_bg.gif) no-repeat;
	display:block;
	width:160px;
	height:30px;
}

#globalnav li a {
	color:#1B356D;
	display:block;
	height:30px;
	text-decoration:none;
}

#globalnav li a:hover {
	background:url(img/menu_bg_on.gif) no-repeat;
	color:#ffffff;
	text-decoration:none;
}

#globalnav li.active {
	background:url(img/menu_bg_on.gif) no-repeat;
	color:#ffffff;
	text-decoration:none;
}

#globalnav li.home {
	background:url(img/menu_bg_top.gif) no-repeat;
	color:#ffffff;
	text-decoration:none;
}

#globalnav li.home a{
	color:#ffffff;
	text-decoration:none;
}

/* ---------- main ---------- */
#main {
	width:380px;
	float:left;
	margin-left: 10px;
}

/* ---------- top_mainimg ---------- */
#top_mainimg{
	width:380px;
	float:left;
	padding-left:10px;
}

/* ---------- top_news ---------- */
#top_news{
	width:380px;
	padding:10px 0 0 0;
}

#top_news dl{
	font-size:0.9em;
	padding:0.5em 15px;
	line-height:1;
	margin:0;
}

#top_news dl dt{
	font-size:0.9em;
	font-weight:bold;
	padding:0.5em 0 0 0;
	margin:0;
}

div#top_news dl dd{
	font-size:0.9em;
	margin:-1.4em 0 0 0;
	padding:0 0 0.5em 8.5em;
	border-bottom:1px dotted #999999;
	line-height:1.5;
}


/* ---------- top_renewal ---------- */
#top_renewal{
	width:160px;
	float:right;
}

#top_renewal dl{
	padding:0.5em 10px 0 10px;
	line-height:1.5;
}

#top_renewal dl dt{
	font-size:0.9em;
	font-weight:bold;
}
div#top_renewal dl dd{
	font-size:0.9em;
	margin:0em;
}

#top_renewal p{
	text-align:right;
	font-size:0.9em;
	background:url(img/point_link.gif) no-repeat right center;
	padding:0 1em;
	margin:1em 15px;
}

/* ---------- top_inquiry ---------- */
#top_inquiry{
	width:380px;
}

#top_inquiry div{
	padding:10px;
}

#top_inquiry p{
	font-size:0.9em;
	line-height:1.5;
	margin:0.5em 0px;
}

/* ---------- pagetop ---------- */
#pagetop {
	margin:0;
	clear: both;
	height:1%;
}
#pagetop p {
	text-align:right;
	font-size:0.9em;
	padding:0 1em;
	margin:0.5em 0;
	background:url(img/point_link_top.gif) center right no-repeat;
}

/* ---------- footer ---------- */
#footer {
	clear:both;
	padding:10px;
	margin:0 5px;
	background-color:#ffffff;
}
#footer p {
	height:26px;
	line-height:2;
	text-align: center;
	font-size:0.9em;
	color:#FFFFFF;
	margin:0;
	background:url(img/footer_bg.gif) repeat-x #00418f;
}
#footer a {
	color:#FFFFFF;
	background:url(img/point_link_r.gif) center left no-repeat;
	padding:0 0 0 1.5em;
}


/* ====================== 個別設定 ====================== */

/* ---------- main 内 個別設定 ---------- */
#main h3 {
	font-size:1em;
	font-weight: bold;
	color: #333333;
	border-left:solid 5px #1B356D;
	border-bottom:solid 1px #1566B7;
	padding:0 5px;
	line-height: 1.4;
	margin:1em 15px 20px 15px;
}

#main h4 {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
	border-left: 5px double #003b51;
	padding:0 5px;
	line-height: 1.4;
	margin:1em 15px 0.5em 15px;
}

#main blockquote {
	padding:0 15px;
	margin-left: 1em;
}

#main p {
	padding:0 15px;
	margin:0.5em 0 1em 0;
}
#main ul, #main ol {
	padding:0 15px;
	margin:0.5em 0;
}

#main dl {
	padding:0 15px;
	margin:0.5em 0;
}

#main ul li {
	list-style: disc outside;
	text-align: left;
	margin-left:2em;
}
#main ol li {
	list-style-type: decimal;
	text-align: left;
	margin-left:2em;
}

#main dl dd {
	text-align: left;
	margin-left:2em;
}

#main table {
	padding:0;
	margin:0.5em 15px;
	border:solid 1px #666666; 
}
#main table th {
	border:solid 1px #666666; 
	background-color:#ECE9D8; 
	padding:4px;
}
#main table td {
	border:solid 1px #666666; 
	padding:4px;
}

/* ---------- 詳細設定 ---------- */
#main p.box1{
	border:solid 1px #999999;
	background-color: #ECE9D8;
	padding:5px;
	width:510px;
	margin:0.5em auto;
} 

#main p.box2{
	background-color: #ECE9D8;
	padding:5px;
	width:85%;
	text-align:center;
	margin:0.5em auto;
	}
#main p.box2_2{
	background-color: #ECE9D8;
	padding:5px 15px;
	width:85%;
	text-align: left;
	margin:0.5em auto;
	}
#main p.box3{
	border:solid 1px #cccccc;
	background-color: #eeeeee;
	padding:5px;
	width:510px;
	margin:0.5em auto;
} 


/*table_form*/
form
	{
	font-size: 12px;
	}
.program form
	{
	font-size: 100%;
	line-height: 140%;
	}
input, select, textarea 
	{
	font-size: 12px;
	padding:0;
	margin:1px;
	vertical-align: middle; 
	} 
.table_form
	{
	margin:5px 0 0 0;
	padding:0;
	}
.table_form table
	{
	margin:0;
	padding:0;
	width:520px;
	border-collapse:collapse;
	}
.table_form td
	{
	text-align: center;
	margin:0;
	padding:2px;
	border:1px solid #999;
	}
.table_form .cell_bg1
	{
	background:#ECE9D8;
	}
.table_form .cell_bg2
	{
	background:#f5f5f5;
	}
.right{
text-align:right;}
.center{text-align:center;}
.ma_b0{margin-bottom:0 !important;}
.indent4em{margin:0 0 0 4em !important;}
.ma_t0{margin-top:0 !important;}
.ma_t40{margin-top:40px !important;}
.red{
color:#FF0000;}
.fright{
float:right; margin:0 0 15px 15px;}
