@charset "UTF-8";

/* RESET */
/* ----------------------------------------- */

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0 ;}
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; clear: both; }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold; }
em { font-style:italic; }
a img { border:none; } /* Gets rid of IE's blue borders */


/* CONTENTS */
/* ----------------------------------------- */
body {
	background-image: url('../images/mainbg.png');
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #c8e9fa;
	line-height: 1.0;
	margin: 0;
	font-family: "���C���I","Meiryo","�l�r �S�V�b�N","�q���M�m�p�S Pro W3","MS Gothic","Osaka","Verdana","Arial", "Helvetica", sans-serif;
}

img {
	border:0;
	vertical-align: top;
}


table {
	border-spacing: 0;
	empty-cells: show;
}

div, span {
	word-wrap: break-word;
}

h1 {
	font-size: 12px;
	line-height: 12px;
	font-family: "���C���I","Meiryo","�l�r �S�V�b�N","�q���M�m�p�S Pro W3","MS Gothic","Osaka","Verdana","Arial", "Helvetica", sans-serif;
	color: #333333;
	margin:0px;
	padding:0px;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
	border: 0;
}

h2 {
	font-size: 10px;
	line-height: 12px;
	font-family: "���C���I","Meiryo","�l�r �S�V�b�N","�q���M�m�p�S Pro W3","MS Gothic","Osaka","Verdana","Arial", "Helvetica", sans-serif;
	color: #eeeeee;
	margin:0px;
	padding:0px;
	text-align: left;
	font-weight: normal;
	text-decoration:none;
	border: 0;
}

.red {
	color: #e71f19;
}

.red_b {
	color: #e71f19;
	font-weight: bold;
}



#contents {
	margin: 0 auto;
	width: 100%;
}

#main_area {
	margin: 0 auto;
	width: 980px;
}

#main_area2 {
	width: 980px;
}

.mini {
	font-size: 80%;
	line-height: 1.1;
}


/* HEADER & NAVI */
/* ----------------------------------------- */

#header {
	background-image: url('../images/headbg.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	line-height: 1.0;
	margin: 0 auto;
	width: 980px;
	height: 144px;
}

#header_sp {
	background-image: url('../images/headbg_sp.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	line-height: 1.0;
	margin: 0 auto;
	width: 980px;
	height: 144px;
}

#head_area {
	margin: 0;
}

.rogo {
	float: left;
	width: 333px;
	height: 126px;
}

.banner {
	float: left;
	margin: 35px 0 0 50px;
	width: 462px;
	height: 60px;
}

.banner2 {
	float: left;
	margin: 32px 0 0 45px;
	width: 462px;
	height: 68px;
}

#navi {
	position: relative;
	width: 100%;
	height: 61px;
}

#navi_area {
	margin: 0 auto;
	width: 980px;
	height: 61px;
}

#navi ul li {
	float: left;
}


.breadcrumb_list {
	font-size: 12px;
	line-height: 20px;
	color : #1993bb;
	margin: 0 auto 10px auto;
	width: 960px;
	height: 20px;
}

.breadcrumb_list ol li{
	float: left;
}

.breadcrumb_list ol li a {
	color:#1993bb;
}

#mokuji {
	position: absolute;
	top: 100px;
	left: 0;
	width: 87px;
	height: 161px;
}


/* FOOTER
------------------------------------------ */

.caution {
	background-image: url('../images/topmainmidbg.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 980px;
	height: 68px;
}

.description {
	font-size: 10px;
	line-height: 14px;
	font-family: "���C���I","Meiryo","�l�r �S�V�b�N","�q���M�m�p�S Pro W3","MS Gothic","Osaka","Verdana","Arial", "Helvetica", sans-serif;
	color: #999999;
	padding: 10px 10px;
	width: 960px;
}


.footer_area {
	background-image: url('../images/footerbg.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 980px;
	height: 100px;
}

.footer_links {
	float: left;
	font-size: 12px;
	line-height: 14px;
	color: #1993bb;
	font-family: "���C���I","Meiryo","�l�r �S�V�b�N","�q���M�m�p�S Pro W3","MS Gothic","Osaka","Verdana","Arial", "Helvetica", sans-serif;
	margin: 32px 0 0 20px;
	width: 500px;
}

.footer_links a, .copyright a {
	color: #1993bb;
}

.footer_links a:hover, .copyright a:hover {
	color: #98b7ca;
	text-decoration: none;
}

.copyright {
	float: right;
	font-size: 12px;
	line-height: 14px;
	font-family: "���C���I","Meiryo","�l�r �S�V�b�N","�q���M�m�p�S Pro W3","MS Gothic","Osaka","Verdana","Arial", "Helvetica", sans-serif;
	color: #1993bb;
	text-align: right;
	margin: 28px 20px 0 0;
	width: 300px;
}


/* clearfix
------------------------------------------ */
.clearfix:after,.rnClearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
/*IE7*/
.clearfix {min-height: 1px;}
/*IE6 MacIE*/
* html .clearfix {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}
.clearfix{display:block;}
.clear{clear:both;}



/* Margin */
/* ----------------------------------------- */

.mg0 { margin: 0;}

.mgt5 { margin-top: 5px;}
.mgt10 { margin-top: 10px;}
.mgt15 { margin-top: 15px;}
.mgt20 { margin-top: 20px;}
.mgt25 { margin-top: 25px;}
.mgt30 { margin-top: 30px;}
.mgt35 { margin-top: 35px;}
.mgt40 { margin-top: 40px;}
.mgt45 { margin-top: 45px;}

.mgb3 { margin-bottom: 3px;}
.mgb5 { margin-bottom: 5px;}
.mgb10 { margin-bottom: 10px;}
.mgb15 { margin-bottom: 15px;}
.mgb20 { margin-bottom: 20px;}
.mgb25 { margin-bottom: 25px;}
.mgb30 { margin-bottom: 30px;}
.mgb35 { margin-bottom: 35px;}
.mgb40 { margin-bottom: 40px;}
.mgb45 { margin-bottom: 45px;}
.mgb100 { margin-bottom: 100px;}

.mgl5 { margin-left: 5px;}
.mgl10 { margin-left: 10px;}
.mgl15 { margin-left: 15px;}
.mgl20 { margin-left: 20px;}
.mgl30 { margin-left: 30px;}

.mgr5 { margin-right: 5px;}
.mgr10 { margin-right: 10px;}
.mgr15 { margin-right: 15px;}
.mgr20 { margin-right: 20px;}
.mgr30 { margin-right: 30px;}