@charset "utf-8";

/* ==========================================================

	ブラウザリセット

========================================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html {background: #FFF; color: #000;}

body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}
* html body {font-size: small; font: x-small;}
*:first-child+html body {font-size: small; font: x-small;}

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

h1,h2,h3,h4,h5,h6 {font-size: 100%;}

ul,dl,ol {text-indent: 0;}
ul {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}


/* clearfix
===========================================================*/
.clearfix:after {
  content: ""; 
  display: block;
  clear: both;
}

.clearfix {
  min-height: 1%;
}

* html .clearfix {
  height: 1%;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}




/* ==========================================================

	定義

========================================================== */

/* フォントサイズ
===========================================================*/
.fs10 {font-size: 77%;}
.fs11 {font-size: 85%;}
.fs12 {font-size: 93%;}
.fs13 {font-size: 100%;}
.fs14 {font-size: 108%;}
.fs15 {font-size: 116%;}
.fs16 {font-size: 123.1%;}
.fs17 {font-size: 131%;}
.fs18 {font-size: 138.5%;}
.fs19 {font-size: 146.5%;}
.fs20 {font-size: 153.9%;}
.fs21 {font-size: 161.6%;}
.fs22 {font-size: 167%;}
.fs23 {font-size: 174%;}
.fs24 {font-size: 182%;}
.fs25 {font-size: 189%;}
.fs26 {font-size: 197%;}


/* フォント太さ
===========================================================*/
.fb { font-weight: bold;}
.fn { font-weight: normal;}



/* フォントカラー
===========================================================*/



/* margin
===========================================================*/
.m10 { margin:10px;}

.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}

.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}

.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}

.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}

.mrl05 { margin-right: 5px; margin-left: 5px;}
.mrl10 { margin-right: 10px; margin-left: 10px;}
.mrl-10 { margin-right: -10px; margin-left: -10px;}




/* text-align・float
===========================================================*/
.taL { text-align: left;}
.taC { text-align: center;}
.taR { text-align: right;}

.vaT { vertical-align:top;}
.vaM { vertical-align:middle;}
.vaB { vertical-align:bottom;}
.vaBa { vertical-align:baseline;}

.fR { float: right;}
.fL { float: left;}
.clear { clear: both;}



/* ul・ol
=========================================== */
.LstyleD { list-style:disc; margin-left:2.6em;}
.LstyleS { list-style:square; margin-left:2.6em;}
.LstyleNum { margin-left:2.6em; text-indent:-2.6em;}






/* ==========================================================

	全ページ共通

========================================================== */
a { text-decoration:none;}
a:hover { text-decoration:underline;}
body { line-height:1.5;}
#wrapper { width:904px; margin:auto;}


/* #header
===========================================================*/
#header { margin-left:2px;}
#header img { float:left;}


/* #image_area
===========================================================*/
#image_area { width:900px; margin-left:2px; background:url(../img/bg_main_image.png) no-repeat;}
#image_area h2 { float:left; display:inline; margin-top:42px;}
#image_area h2.titleL { margin-top:34px;}
#image_area ul { float:right; display:inline; margin-top:111px; margin-right:5px;} 
#image_area li { float:left; display:inline; margin-right:5px;}

.guideline #image_area ul { margin-top:19px; margin-left:525px;}


/* #nav_new
===========================================================*/

#nav_new {
	width:900px;
	font-size:12px;
	padding: 0px;
	clear: both;
}

#nav_new ul {
	list-style: none;
	width: 900px;
	margin-left:2px;
	padding:  0px;
}
#nav_new ul li {
	float: left;
	text-align: center;
	width: 128px;
	height: 54px;
	padding:5px 0 5px 0;
	color: #333333;
}
#nav_new ul li a {
	background-image: url(../img/btn128.png);
	background-repeat: no-repeat;
	width: 128px;
	height: 54px;
	padding-top:16px;
	text-decoration: none;
	display: block;
	color: #333333;
}

#nav_new ul li a:hover{
	background-image: url(../img/btn128_.png);
	background-repeat: no-repeat;
	padding-top:16px;
	color:#666666;
}


#nav_new ul li.last a {
	float: none;
	background-image: url(../img/btn132.png);
	background-repeat: no-repeat;
	width: 132px;
	height: 54px;
	padding-top:8px;
	font-weight:none;
	color:#333333;
}



#nav_new ul li.last a:hover{
	background-image: url(../img/btn132_.png);
	background-repeat: no-repeat;
	padding-top:8px;
	color:#666666;
}

#nav_new .clear {
	clear: both;
}

/* #nav
===========================================================*/
#nav ul { margin-top:10px; padding:1px 2px 5px 3px; background:url(../img/nav_bg.png) no-repeat;}
#nav li { float:left; margin-right:1px;}


/* breadcrumb
===========================================================*/
.breadcrumb { margin-top:10px; margin-bottom:18px;}
.breadcrumb li { display:inline;}
.breadcrumb li a { color:#00F;}


/* #container
===========================================================*/
/* #main */
#main { float:left; width:660px;}

/* #side */
#side { float:right; width:210px; padding-bottom:12px;}
#side .bnr_area { margin-bottom:12px;}
#side .bnr_area li { margin-bottom:8px;}
#side .bnr_area li img { margin-bottom:3px;}

#side .login { margin-bottom:12px; padding:10px 12px; border:solid 3px #cbe2f5;}
#side .login ul { margin:10px 10px 0; font-size: 93%;}
#side .login li { display:inline; color:#339;}
#side .login a { color:#339;}

#side .member { margin-bottom:12px;}
#side .member h3 { padding:10px 10px 8px; background:#549edd; color:#fff; text-align:center;}
#side .member h4 { font-size: 108%; text-align:left; font-weight:normal;}
#side .member h4 a { display:block; padding:0 36px 0 14px; line-height:42px; background:url(../img/btn_arrBs_off.png) no-repeat; color:#333; }
#side .member h4 a:hover { background:url(../img/btn_arrBs_on.png) no-repeat;}
#side .member ul { margin-bottom:10px; padding:10px; text-align:left; border-bottom:solid 2px #cbe2f5;}
#side .member li { display:inline; color:#339;}
#side .member li a { color:#339;}
#side .member div { padding:14px 7px; border:solid 3px #cbe2f5; border-top:none; text-align:center;}

#side .navS { margin-bottom:12px;}
#side .navS h3 { padding:10px 10px 8px; background:#76a82b; color:#fff; text-align:center;}
#side .navS ul { border-right:solid 3px #e5e5e5; border-left:solid 3px #e5e5e5;}
#side .navS li { border-bottom:solid 3px #e5e5e5;}
#side .navS li a { display:block; padding:12px 12px 10px 20px; background:url(../img/arr01_r.png) no-repeat 8px center; color:#333;}
#side .navS li a:hover { color:#76A82B;}
#side .navS li a.on { color:#76A82B; font-weight:bold;}
#side .navS li ul { padding-right:5px; padding-left:5px; border:none; border-top:solid 3px #e5e5e5; background:#eef4e5; zoom:1;}
#side .navS li li { padding:0 0 0 12px; border-bottom:dotted 1px #ccc;}
#side .navS li li.last { border-bottom:none;}
#side .navS li li a { background:url(../img/ico_dott.png) no-repeat 8px center;}

#side .navSB { margin-bottom:12px;}
#side .navSB h3 { padding:10px 10px 8px; background:#549edd; color:#fff; text-align:center;}
#side .navSB ul { border-right:solid 3px #e5e5e5; border-left:solid 3px #e5e5e5;}
#side .navSB li { border-bottom:solid 3px #e5e5e5;}
#side .navSB li a { display:block; padding:12px 12px 10px 20px; background:url(../img/arr02_r.png) no-repeat 8px center; color:#333;}
#side .navSB li a:hover { color:#549edd;}
#side .navSB li a.on { color:#549edd; font-weight:bold;}
#side .navSB li ul { padding-right:5px; padding-left:5px; border:none; border-top:solid 3px #e5e5e5; background:#eaf3fb; zoom:1;}
#side .navSB li li { padding:0 0 0 12px;  border-bottom:dotted 1px #ccc;}
#side .navSB li li.last { border-bottom:none;}
#side .navSB li li a { background:url(../img/ico_dott.png) no-repeat 8px center;}


/* #footer
===========================================================*/
#footer { margin-top:8px; padding-top:12px; border-top:solid 3px #2c88d5; font-size:93%;}
#footer a { color:#333;}
#footer h3 { margin-bottom:8px; padding-bottom:8px; border-bottom:solid 1px #2c88d5;}
#footer ul { margin-left:20px; list-style:disc;}
#footer li { margin-bottom:3px;}
#footer .area { margin-bottom:45px;}

#footer .nav { float:left; display:inline; width:220px; margin-right:15px;}
#footer .nav img { margin-left:5px; vertical-align:middle;}

#footer .general { float:left; width:210px; margin-right:15px;}

#footer .member { float:left; width:435px;}
#footer .member  ul { width:190px; float:left; display:inline;}

#footer .copyr { clear:both; padding-top:10px; padding-bottom:10px; border-top:solid 1px #2c88d5; text-align:center;}
#footer p { zoom:1;} /* IE6バグ対策　消さないで！ */


/* ボタン
===========================================================*/
.btn_top { cursor:pointer;}
.btnGS { display:block; width:254px; padding-right:35px; padding-left:15px; line-height:49px; background:url(../img/btn_arrG_off.png) no-repeat; font-size:108%; color:#333;}
.btnBS { display:block; width:254px; padding-right:35px; padding-left:15px; line-height:49px; background:url(../img/btn_arrB_off.png) no-repeat; font-size:108%; color:#333;}
.btnGS:hover { background:url(../img/btn_arrG_on.png) no-repeat;}
.btnBS:hover { background:url(../img/btn_arrB_on.png) no-repeat;}




/* img透過
===========================================================*/
.rollover:hover img { opacity:0.8; filter:alpha(opacity=80);}

#nav_new ul li.double a{
	height: 54px;
	padding-top: 8px;
}