@charset "utf-8";

/* common ==========================

 CMS Template(CSS編集はCMS管理画面から行います)
 
common reset
common style
page_header
page_body
page_footer
各モジュール単位の定義
その他

*/

/* 0.common reset
--------------------------------------------------------------*/
body{margin:0;padding:0;}
html {overflow-y:scroll;/* fireFox scroll ber */}
img{margin:0;padding:0;border:none;vertical-align:bottom;}
ul,ol{margin:0;padding:0;list-style:none;list-style-position:outside;}
li{margin:0;padding:0;line-height: 1.1;}
dl,dt,dd{margin:0;padding:0;}
hr{display:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:100%;font-weight:normal;line-height: 1.1;}
p{margin:0;padding:0;font-size:100%;}
div{margin:0;padding:0;}
table,th,td{margin:0;padding:0;}
address,form,fieldset{margin:0;padding:0;}
select{margin:0;padding:0;}
/* Font Use- Yahoo! UI Library */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
html>/**/body {
font-size /*\**/: small\9; /* IE8 */}
body:not(:target) {
font-size: small\9; /* IE9 */}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Size List
13px 93%
14px 100% - Default
15px 108%
*/

/* for common link
--------------------------------------------------------------*/
a{outline:none;/* fireFox boder */}

a:link{color:#53636a;text-decoration:none;}
a:visited{color:#53636a;text-decoration:none;}
a:hover{color:#53636a;text-decoration:underline;}
a:active{color:#53636a;	text-decoration:none;}

/* for clearFix
--------------------------------------------------------------*/
.cf:after{
    content:"";
    clear:both;
    display:block;
    height:0;
}

/* common style
--------------------------------------------------------------*/
body{
	text-align:center;
	color:#333333;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック', 'MS PGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic pro',Osaka,verdana,arial,sans-serif;
	background:url(/common/img/bg_main.jpg) repeat-y center;
}

/* アクセシビリティ用ナビ スキップ ==== */
.fly{position: absolute;left: -9999em;}

/* float ==== */
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}

/* align ==== */
.ac {text-align: center !important; }
.al {text-align: left !important; }
.ar {text-align: right !important; }
.vt {vertical-align : top !important; }


/* particular case ==== */
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.ml0 { margin-left: 0 !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.pr40 { padding-right: 40px !important; }
.pt0 { padding-top: 0 !important; }
.pt15 { padding-top: 15px !important; }
.pl0 { padding-left: 0 !important; }
.pl30 { padding-left: 30px !important; }
.pr0 { padding-right: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pb15 { padding-bottom: 15px !important; }

/* frameBody */
/* ---------------------------------------------------------------------------- */
#frameBody{
	text-align:left;
	background:url(/common/img/bg_header.gif) repeat-x;
}

/* pageHeader */
/* ---------------------------------------------------------------------------- */
#pageHeader{
	width:900px;
	margin:0 auto;
	padding:20px 0;
}
.headerL{
	float:left;
}
#pageHeader h1{
	padding-bottom:7px;
}

#font{
	float:right;
	font-size:85%;
	margin-top:15px;
}
#font li:first-child{
	margin:8px 5px 0 0;
}
#font li{
	float:left;
}
/* globalMenu ==== */

#globalMenu{
	/*width:900px;*/
	width:1080px;
	margin:0 auto 0;
}
#globalMenu li{
	float:left;
}
#globalMenu li a{
	width:180px !important;
}
#globalMenu li:first-child a{
	width:181px !important;
}
#globalMenu li:last-child a{
	width:179px !important;
}

/* pageMain */
/* ---------------------------------------------------------------------------- */
#pageBody{
	width:900px;
	margin:0 auto;
	background:#FFF;
	padding-bottom:50px;
}

/* pageFooter */
/* ---------------------------------------------------------------------------- */
#goTop{
	text-align:right;
	width:870px;
	margin:30px auto 0;
	padding-right:30px;
}
#pageFooter ul{
	text-align:center;
	padding:20px 0;
	background:url(/common/img/bg_footer.gif);
}
#pageFooter ul li{
	display:inline;
}
#pageFooter ul li a{
	color:#FFF;
}
#pageFooter ul li:after{
	content:"｜";
	color:#FFF;
}
#pageFooter ul li:last-child:after{
	content:"";
}
#copy{
	text-align:center;
	padding:20px 0;
	background:#FFF;
}

/* ---------------------------------------------------------------------------- */
/* 各モジュール単位の定義 */
/* ---------------------------------------------------------------------------- */
/* Rollover ==== */
a:hover img.over{
	opacity:0.7;
	filter: alpha(opacity=90);
	-ms-filter: "alpha( opacity=90 )";
}

/* fontsize ==== */
#font li.fontLink {
display: block;
width: 106px;
height: 29px;
background: url(../img/bg_font.gif) no-repeat 0 0;
text-indent:-9999px;
float: left;
}
.fontLink .fontD {
display: block;
float: left;
width: 45px;
height: 29px;
}

.fontLink .fontM {
display: block;
float: left;
width: 30px;
height: 29px;
}
.fontLink .fontL{
display: block;
float: left;
width: 31px;
height: 29px;
}

/* sideNavi ==== */

/*lineup*/
.lineup01{
	background:url(/common/img/ico01.gif) no-repeat 10px center;
	padding-left:40px;
}
.lineup02{
	background:url(/common/img/ico02.gif) no-repeat 10px center;
	padding-left:40px;
}
.lineup03{
	background:url(/common/img/ico03.gif) no-repeat 10px center;
	padding-left:40px;
}
.lineup04{
	background:url(/common/img/ico04.gif) no-repeat 10px center;
	padding-left:40px;
}
.lineup05{
	background:url(/common/img/ico05.gif) no-repeat 10px center;
	padding-left:40px;
}