@charset "utf-8";
/*reset*/
/*******************************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
table { border-collapse: collapse; border-spacing: 0;}
q:before,q:after { content: '';}
object,embed { vertical-align: top;}
hr,legend { display: none;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
img,abbr,acronym,fieldset { border: 0;}
li { list-style-type: none;}
a:link { color: #16A1B4; text-decoration: underline;}
a:visited { color: #16A1B4; text-decoration: underline;}
a:hover { color: #FF3C4A; text-decoration: underline;}
a:active { color: #16A1B4; text-decoration: none;}
body {
	background: url(../images/back.jpg) 0 0 repeat-x;
	text-align: center;
	font-size: 81.25%;
	font-family:'ヒラギノ丸ゴ Pro W3','Hiragino Maru Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1.6;
}
table { width: 100%; margin: 10px auto 30px;}
th, td { padding: 10px; border-bottom: dotted 1px #999; font-size: 100%;}
.none th, .none td { padding: 0; border: none; line-height: 1;}
th { background: #16A1B4; border-right: solid 1px #FFF; border-bottom: dotted 1px #FFF; font-weight: bold; color: #FFF;}
p { padding: 0 0 40px;}
ol, ul { margin: 0 20px 10px;}
ul li { list-style: disc;}
ol li { list-style: decimal;}
strong { font-weight: bold; color: #FF3C4A;}
img { vertical-align: bottom;}



/*STYLES*/
/*******************************************************************/
.center { text-align: center;}
.right { text-align: right;}
.fl { float: left; margin: 0 10px 5px 0;}
.fr { float: right; margin: 0 0 5px 10px;}
.cl { clear: left;}
.required { color: #FF6666;}
.small { font-size: 85%;}
.normal { font-size: 100%;}
.large { line-height: 1.2; font-size: 123.1%; color: #16A1B4;}
.largest { font-size: 182%;}
/*
10:77%   15:116%     20:153.9%   25:189%
11:85%   16:123.1%   21:161.6%   26:197%
12:93%   17:131%     22:167%
13:100%  18:138.5%   23:174% 
14:108%  19:146.5%   24:182%
*/
/*text-indext*/
#mail a { display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}



/*LAYOUT*/
/*******************************************************************/
#container { font-size: 108%; letter-spacing: 0.1em; color: #333;}
#header, #main, #footer .in{
	clear: both;
	position: relative;
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#header { height: 180px;}
#main { display: inline-block; margin: 0 auto;}
#main:after { content: "."; clear: both; display: block; height: 0; visibility: hidden;}
/*Hides from IE-mac\*/
* html #main {height:1%;}
#main { display:block;}
/*End hide from IE-mac*/
#aside { float: left; display: inline; width: 160px;}
#contents { float: right; width: 620px;}



/*HEADER*/
/*******************************************************************/
#header h1 a { float: left; margin: 10px 0; text-decoration: none; color: #333;}
#header h1 img { vertical-align: text-bottom!important;}
#header p { float: right; margin-top: 20px;}
#header ul { position: absolute; top: 120px; left: 0; margin: 0;}
#header li { float: left; list-style: none;}
#header li a {
	display: block;
	height: 60px;
	background: url(../images/btn.jpg) 0 0 no-repeat;
	text-indent: -9999px; overflow: hidden;
}
#header li#btn01 a { width: 67px; background-position: 0 0;}
#header li#btn02 a { width: 90px; background-position: -67px 0;}
#header li#btn03 a { width: 134px; background-position: -157px 0;}
#header li#btn04 a { width: 85px; background-position: -291px 0;}
#header li#btn05 a { width: 88px; background-position: -376px 0;}
#header li#btn06 a { width: 68px; background-position: -464px 0;}
#header li#btn07 a { width: 80px; background-position: -532px 0;}
#header li#btn08 a { width: 80px; background-position: -612px 0;}
#header li#btn09 a { width: 157px; background-position: -692px 0;}
#header li#btn10 a { width: 101px; background-position: -849px 0;}
#header li#btn01 a:hover, #header li#btn01.select a { background-position: 0 -60px;}
#header li#btn02 a:hover, #header li#btn02.select a { background-position: -67px -60px;}
#header li#btn03 a:hover, #header li#btn03.select a { background-position: -157px -60px;}
#header li#btn04 a:hover, #header li#btn04.select a { background-position: -291px -60px;}
#header li#btn05 a:hover, #header li#btn05.select a { background-position: -376px -60px;}
#header li#btn06 a:hover, #header li#btn06.select a { background-position: -464px -60px;}
#header li#btn07 a:hover, #header li#btn07.select a { background-position: -532px -60px;}
#header li#btn08 a:hover, #header li#btn08.select a { background-position: -612px -60px;}
#header li#btn09 a:hover, #header li#btn09.select a { background-position: -692px -60px;}
#header li#btn10 a:hover, #header li#btn10.select a { background-position: -849px -60px;}

div#breadcrumb { clear: both; padding: 5px 0 1px; font-size: 85%; line-height: 2.6; color: #666;}
div#breadcrumb span { display: none;}
div#breadcrumb a { padding-right: 14px; background: url(../images/arrow.gif) center right no-repeat; text-decoration: none; color: #666;}



/*FOOTER*/
/*******************************************************************/
#footer { clear: both; text-align: center; background: url(../images/footer.gif) 0 0 repeat-x #F0F0F0; font-size: 85%;}
#footer .in { padding-top: 18px;}
#footer h3 { padding-bottom: 5px;}
#footer p { padding: 0 0 26px;}
#top a { position: absolute; top: 130px; right: 0; padding-left: 14px; background: url(../images/arrowv.gif) 0 center no-repeat; text-decoration: none;}
#footer address { position: absolute; top: 170px; right: 0;}



/*CONTENTS*/
/*******************************************************************/
#flash { clear: both; margin-bottom: 20px; text-align: center; background: url(../images/flash.jpg) 0 bottom repeat-x;}
h2, h3 { padding-bottom: 10px;}

#lside { float: left; width: 430px;}
#lside p { padding-bottom: 15px;}
#rside { float: right; width: 470px;}
#rside h2 { padding-bottom: 0;}
#rside p { padding: 0 0 5px;}
#rside ul { clear: both; margin: 10px 0;}
#rside li { padding: 0 0 5px 10px; list-style: none; float: left;}
#rside li.lleft { padding: 0 0 5px;}

.flow td { border: none; vertical-align: top;}

td.alt { background: #F5F5F5;}

.box { margin-bottom: 30px; padding: 10px; border: solid 5px #EBEDF1;}
.box p { padding: 10px;}

.attention { clear: both; margin-bottom: 10px; padding: 5px; text-align: center; background: #FEE; border: solid 1px #CCC; font-size: 85%;}