@charset "utf-8";
/* -------------------------------------------------------
	* Date : 2009/06
	* File : base.css
	* Copyright 2009 MAC InterNet All Rights Reserved. 
------------------------------------------------------- */

/*

	*01 reset
	*02 link
	*03 base
	*04 header
	*05 top
	*06 footer
	*07 text
	*08 clearfix

*/

/*-----------------------------------------------
	*01 reset
-------------------------------------------------*/
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
}
img {
	border:none;
	vertical-align: bottom;
}
p, blockquote, address, noscript {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	border: none;
}
ul, li, dl, dt, dd, pre, table, form {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.clear {
	clear:both;
	font-size: 0;
	line-height: 0;
}
.clear hr {
	clear:both;
	font-size: 0;
	line-height: 0;
	display: none;
}
/*hr {
	display: none;
}*/

/*body {
	font-size: small;
	margin: 0;
	padding: 0;
	color: #53504D;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background-color: #FFFFFF;
}*/

body#home {
	font-size: small;
	margin: 0;
	padding: 0;
	/*color: #53504D;*/
	color: #2f2e2c;
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	background: url(../img/all/bg.png) repeat-x top left #FFFFFF;
}
/*-----------------------------------------------
	*02 link
-------------------------------------------------*/
a {
	text-decoration: none;
}
a:link {
	color: #666666;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #CC6600;
}
a:active {
	color: #CC6600;
}
/*-----------------------------------------------
	*03 base
-------------------------------------------------*/
/*.hidden {
	display:none;
}
#demo {
	height:100%;
	width:100%;
}
*/

#container {
/*	width:900px;
	margin:0 auto;
	text-align: left;
	padding: 0;
	background-color: #FFFFFF;*/
}
/*#top_wrap {
	width: 928px;
	margin: 0 auto 5px;
	padding: 0;
	line-height: 1.5;
}*/

.pagetop {
	width: 900px;
	margin:0 auto;
	padding: 0;
	text-align: right;
	clear: both;
}
.img-border {
	border: 1px solid #e9e9e9;
}

/*-----------------------------------------------
	*04 header
-------------------------------------------------*/
#header {
	width:900px;
	margin:0 auto;
	height: 85px;
	position: relative;
	padding: 0px;
	clear: both;
}
#logo {
	position: absolute;
	width: 265px;
	margin: 0px;
	padding-top: 12px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}
#logo a {
	padding-top: 63px;
	padding-left: 0;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 60px;
	background: url(../img/logo.gif) no-repeat left top;
	margin: 0px;
	padding-bottom: 0;
}
#hlink {
	width: 160px;
	height: 74px;
	margin: 10px 0 0;
	padding-right: 7px;
	/*padding-left: 620px;*/
	float:right;/*left: 790px;
	top: 43px;*/
}
#hlink ul.language li,#hlink ul.language li  a {
	height: 20px;
	text-indent: -5000px;
	display: block;
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0;
	float: left;
	background: url(../img/btn_language.gif) no-repeat;
}
/*off Mouse */
#hlink ul.language .li01,#hlink ul.language .li01 a {
	background: url(../img/btn_language.gif) no-repeat 0 0;
	width: 75px;
}
#hlink ul.language .li02, #hlink ul.language .li02 a {
	background: url(../img/btn_language.gif) no-repeat -75px 0;
	width: 85px;
}
/*on Mouse */
#hlink ul.language .li01 a:hover {
	background: url(../img/btn_language.gif) no-repeat 0 -20px;
	width: 75px;
}
#hlink ul.language .li02 a:hover {
	background: url(../img/btn_language.gif) no-repeat -75px -20px;
	width: 85px;
}


#hlink ul.fontsize {
	margin: 0;
	padding: 0;
}
#hlink ul.fontsize li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	overflow: hidden;
}
#hlink ul.fontsize .li01 {
	width:100px;
	padding: 0;
}
#hlink ul.fontsize .li02 {
	width:56px;
	height: 22px;
}

/*-----------------------------------------------
	*06 footer
-------------------------------------------------*/
#contents_btm {
    margin: 30px auto 0;
	border-top: 1px solid #CCCCCC;
}
#footer {
	width: 900px;
	/*height: 180px;*/
	margin:0 auto;
	padding: 0;
	clear: both;
	bottom: 0;
	color: #585858;
	background-color: #FFFFFF;
}
.footerR {
	width:475px;
	margin: 20px 0 20px;
	float: right;
	clear: both;
}

.footerR dl {
	width:200px;
	margin: 0 0 0 10px;
	padding: 0 10px 15px;
	border: 1px solid #E8E8E8;
	line-height: 1.2;
	float: right;
}
.footerR dt img {
	margin : 10px auto;
}
.footerR dd {
	margin: 0;
}


.footerL {
    width: 410px;
	margin: 20px 0 0;
	float: left;
}

.footerL div.footer_navi ul {
	text-align: left;
	margin: 3px 0 5px;
	padding: 3px;
	width: 410px;
	clear: both;
}
.footerL div.footer_navi  li {
	font-size:0.85em;
	display: inline;
	line-height: 1.2;
	margin: 0 0 0 2px;
	padding: 0 5px 0 5px;
	border-right: solid 1px #999;
}
.footerL div.footer_navi li.end {
	margin-right:0;
	padding-right: 4px;
	border-right: none;
}
.footer_logo {
	width: 340px;
	/*height: 50px;*/
	margin: 25px 0 10px 5px;
	padding: 15px 0 0 60px;
	background: url(../img/all/footer_logo.gif) no-repeat 0 0;
	display: block;
}
#footer address {
	margin: 0;
	padding: 0 0 10px;
	color: #585858;
}
.footerL div.footer_btn {
    margin: 0 0 0 60px;
}
.footerL div.footer_btn li,
.footerL div.footer_btn li  a {
	margin: 0 15px 15px 0;
	padding: 0;
	width: 120px;
	height: 23px;
	text-indent: -5000px;
	display: block;
	overflow: hidden;
	float: left;
}
/*off Mouse */
.footerL div.footer_btn li.li01,
.footerL div.footer_btn li.li01 a {
	background: url(../img/btn_guidance.gif) no-repeat 0 0;
	width: 120px;
}
.footerL div.footer_btn li.li02,
.footerL div.footer_btn li.li02 a {
	background: url(../img/btn_access.gif) no-repeat 0 0;
	width: 120px;
}
/*on Mouse */
.footerL div.footer_btn li.li01 a:hover {
	background: url(../img/btn_guidance.gif) no-repeat -120px 0;
	width: 120px;
}
.footerL div.footer_btn li.li02 a:hover {
	background: url(../img/btn_access.gif) no-repeat -120px 0;
	width: 120px;
}

.footerL a:link {
	color: #585858;
}
.footerL a:visited {
	color: #585858;
}
.footerL a:hover {
	color: #CC6600;
}
.footerL a:active {
	color: #585858;
}

/*.footerL p {
	padding: 0 0 25px 5px;
	font-size: 12px;
	line-height: 1.6;
	font-family:Arial, Helvetica, sans-serif;
}
.footerL p img {
	padding: 0 20px 10px 0;
	float: left;
	vertical-align: middle;
}*/
/*.footer_logo {
    width: 220px;
	height: 50px;
	margin: 0 0 10px 0;
	padding: 0;
	background: url(../img/footer_logo.gif) no-repeat 0 0;
	text-indent: -5000px;
	display: block;
}

#footer address {
	margin: 0;
	padding: 0 0 10px;
}*/


/* copyright */
.copyright {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	color: #9D9D9D;
	text-align: right;
	clear: both;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;/*background: url(../img/copyright.gif) no-repeat 0 0;
		text-indent: -5000px;
	display: block;*/
}
/*-----------------------------------------------
	*07 text
-------------------------------------------------*/
.s {
	font-size: 0.80em;
}
.t_80 {
	font-size: 80%;
}
.t_85 {
	font-size: 85%;
}
.t_88 {
	font-size: 88%;
}
.t_90 {
	font-size: 90%;
	/*padding-top: 5px;*/
}
.t_93 {
	font-size: 93%;
}
.m {
	font-size: 1.0em;
}
.l {
	font-size: 1.17em;
}
.underline {
	text-decoration: underline;
}
.red {
	/*color: #FF6600;*/
	color:#C30;
}
.red_b {
	color: #F00;
	/*color:#C30;*/
	font-weight: bold;
}
.red_fresh {
	color: #F00;
}
.red_normal {
	color: #FF6600;
	font-weight: normal;
	font-size: small;
}
.blue {
	color: #3085A9;
}
.gray {
	color: #B4B4B4;
}
.darkgray {
	color: #999999;
}
.orange {
	color: #E8740B;
}
.orange_b {
	color: #E8740B;
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.green_bold14 {
	font-size: 14px;
	color:#669900;
	font-weight: bold;
}
.blue_bold14 {
	color: #3085A9;
	font-weight: bold;
	font-size: 14px;
}

.pad_btm_m15 {
	padding: 5px 0 -15px !important;
}

.stk { text-decoration:line-through; } 

/*------------------------------------------------------------
  font size
------------------------------------------------------------*/
.f08em{ font-size: 0.8em!important; }
.f09em{ font-size: 0.9em!important; }
.f10em{ font-size: 1.0em!important; }
.f11em{ font-size: 1.1em!important; }
.f12em{ font-size: 1.2em!important; }
.f13em{ font-size: 1.3em!important; }
.f14em{ font-size: 1.4em!important; }
.f15em{ font-size: 1.5em!important; }
.f16em{ font-size: 1.6em!important; }
.f17em{ font-size: 1.7em!important; }
.f18em{ font-size: 1.8em!important; }
.f19em{ font-size: 1.9em!important; }
.f20em{ font-size: 2.0em!important; }
.f21em{ font-size: 2.1em!important; }
.f22em{ font-size: 2.2em!important; }
.f23em{ font-size: 2.3em!important; }
.f24em{ font-size: 2.4em!important; }

/*------------------------------------------------------------
  line-height・・・行間の設定
------------------------------------------------------------*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh18{ line-height: 1.8!important; }
.lh20{ line-height: 2.0!important; }

/*------------------------------------------------------------
  margin・・・周りのブロックからの距離
-------------------------------------------------------------*/
.m-20-t{ margin-top: -20px!important; }
.m-15-t{ margin-top: -15px!important; }
.m-10-t{ margin-top: -10px!important; }

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }/*周りからのmarginを5pxに*/
.m5-t{ margin-top: 5px!important; }/*周りからのmarginを5pxに*/
.m5-r{ margin-right: 5px!important; }/*周りからのmarginを5pxに*/
.m5-b{ margin-bottom: 5px!important; }/*周りからのmarginを5pxに*/
.m5-l{ margin-left: 5px!important; }/*周りからのmarginを5pxに*/

.m10{ margin: 10px!important; }/*周りからのmarginを10pxに*/
.m10-t{ margin-top: 10px!important; }/*周りからのmarginを10pxに*/
.m10-r{ margin-right: 10px!important; }/*周りからのmarginを10pxに*/
.m10-b{ margin-bottom: 10px!important; }/*周りからのmarginを10pxに*/
.m10-l{ margin-left: 10px!important; }/*周りからのmarginを10pxに*/

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

/*------------------------------------------------------------
  padding・・・周りのブロックからの距離（padding）
-------------------------------------------------------------*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important}

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

/*------------------------------------------------------------
  float・・・左右の回り込み
-------------------------------------------------------------*/
.fl-r{ float: right; display: block; }/*右に回り込み*/
.fl-l{ float: left; display: block; }/*左に回り込み*/
.fl-c{ clear: both; display: block; text-align: center;}
.block{ display: block; }/*ブロック要素として表示*/


/*-----------------------------------------------
	*07 fontsize(fontSizeSwitcher)
-------------------------------------------------*/
ul#fontSizeSwitcher {
	margin: 0px;
	padding: 0px;
	height: 19px;
	float:right;
	width:56px;
}
ul#fontSizeSwitcher li {
	background-image:url(../img/fontsize.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 19px;
	text-align: center;
	cursor: pointer;
	text-indent:-5000px;
}
#fontSizeSwitcherSmall {
	width: 17px;
	background-position: 0 0;
}
ul#fontSizeSwitcher #fontSizeSwitcherSmall:hover, ul#fontSizeSwitcher #fontSizeSwitcherSmall:focus, ul#fontSizeSwitcher #fontSizeSwitcherSmall.current {
	background-position: 0 -19px;
}
#fontSizeSwitcherMedium {
	width: 20px;
	background-position: -17px 0;
}
ul#fontSizeSwitcher #fontSizeSwitcherMedium:hover, ul#fontSizeSwitcher #fontSizeSwitcherMedium:focus, ul#fontSizeSwitcher #fontSizeSwitcherMedium.current {
	background-position: -17px -19px;
}
#fontSizeSwitcherLarge {
	width: 19px;
	background-position: -37px 0px;
}
ul#fontSizeSwitcher #fontSizeSwitcherLarge:hover, ul#fontSizeSwitcher #fontSizeSwitcherLarge:focus, ul#fontSizeSwitcher #fontSizeSwitcherLarge.current {
	background-position: -37px -19px;
}

/*-----------------------------------------------
	*08 clearfix
-------------------------------------------------*/
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	clear: both;
	height: 0%;
	visibility: hidden;
	display: block;
}