@charset "UTF-8";

/*	全ページ共通CSS
	
		■初期設定・初期化
			：body設定
			：ブラウザのマージンとパディング初期化
			：タグ毎のマージンとパディング初期化
			：リンク設定
			：float対策
			：エラーメッセージ設定
			：イメージ初期化
		■ヘッダー
			：ロゴ
			：メニュー
			：COLLECTIONボタン
		■フッダー
			：メニュー
			：コピーライト
----------------------------------------------------------------------------------------------------------------------------------*/



/*	初期設定・初期化
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- body設定 -------------*/
body {
font-size: 11px;
line-height: 120%;
font-family: "verdana","MS PGothic","Osaka","sans-serif";
letter-spacing: 0.1em;
background-color: #cccccc;
}

#back_img {
width: 100%;
background: url(/img/bg.jpg) no-repeat center top;
}
/*-- ブラウザのマージンとパディング初期化 -------------*/
*{
margin:0;
padding:0;
}
/*-- タグ毎のマージンとパディング初期化 -------------*/
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*-- リンク設定 --------*/
a {
text-decoration: none;
outline: 0;
overflow: hidden;
}
a img{
border: none;
}
/*-- float対策 --------*/
.fcl { 
zoom: 100%;
}
.fcl:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}
/*-- エラーメッセージ設定 --------*/
p.errormes {
color: #FFFFFF;
font-size: 16px;
font-weight: bold;
padding: 20px;
text-align: center;
background-color: #999999;
border: 5px solid #333333;
}
/*-- イメージ初期化 --------*/
img {
vertical-align:middle;
margin:0;
padding:0;
}

/*	ヘッダー上部多言語リンク
----------------------------------------------------------------------------------------------------------------------------------*/
#lang {
width: 100%;
background-color: #000000;
}
#lang div.in {
width: 978px;
margin: 0 auto;
padding: 5px 0 6px;
}
#lang div.in a {
color: #FFFFFF;
background: url(/img/3Arrow.gif) no-repeat left 5px;
padding: 0 0 0 7px;
}
#lang div.in a:hover {
text-decoration: underline;
}

/*	ヘッダー
----------------------------------------------------------------------------------------------------------------------------------*/
#header {
width: 1050px;
height: 82px;
margin: auto;
}

/*-- ロゴ -------------*/
#header h1 {
float: left;
display: block;
width: 316px;
height: 21px;
padding: 32px 5px 0 36px;
}
#header h1 a {
display: block;
width: 316px;
height: 21px;
background: url(/img/logo.gif) no-repeat top center;
text-indent: -100em;
overflow: hidden;
}

/*-- メニュー -------------*/
#header ul.menu {
float: right;
display: block;
list-style: none;
padding: 0 20px 0 0;
}

#header ul.menu li {
float: left;
}

#header ul.menu li a {
display: block;
height: 27px;
background: url(/img/Header_menu.gif) no-repeat;
text-indent: -100em;
overflow: hidden;
}

#header ul.menu li.m1 a {width: 36px; background-position: 0 0;}
#header ul.menu li.m2 a {width: 123px; background-position: -36px 0;}
#header ul.menu li.m3 a {width: 91px; background-position: -159px 0;}
#header ul.menu li.m4 a {width: 136px; background-position: -250px 0;}
#header ul.menu li.m5 a {width: 88px; background-position: -386px 0;}
#header ul.menu li.m6 a {width: 61px; background-position: -474px 0;}

#header ul.menu li.m1 a:hover {background-position: 0 -27px;}
#header ul.menu li.m2 a:hover {background-position: -36px -27px;}
#header ul.menu li.m3 a:hover {background-position: -159px -27px;}
#header ul.menu li.m4 a:hover {background-position: -250px -27px;}
#header ul.menu li.m5 a:hover {background-position: -386px -27px;}
#header ul.menu li.m6 a:hover {background-position: -474px -27px;}

/*-- COLLECTIONボタン -------------*/
#header div.collection {
float:right;
display: block;
width: 130px;
height: 21px;
padding: 0 26px 0;
margin: 30px 0 0;
}
#header div.collection a {
float: right;
display: block;
width: 130px;
height: 21px;
background: url(/img/Header_collectionBt.gif) no-repeat top center;
text-indent: -100em;
overflow:hidden;
}
#header div.collection a:hover {
background-position: 0 -21px;
}





/*	コンテンツ本体
----------------------------------------------------------------------------------------------------------------------------------*/
#body {
width: 1000px;
margin: 0 auto;
}

/*-- 左側 -------------*/
#body div#left {
float: left;
}

/*-- 右側 -------------*/
#body div#right {
float: right;
}




/*	フッダー
----------------------------------------------------------------------------------------------------------------------------------*/
#fddar {
clear: both;
width: 100%;
min-height: 26px;
background: #000000;
color: #CCCCCC;
font-size: 10px;
}
#fddar div.in {
width: 1000px;
margin: 0 auto;
padding: 5px 0;
}

/*-- メニュー -------------*/
#fddar ul.menu {
float: left;
display: block;
list-style: none;
margin: 0 0 0 20px;
}

#fddar ul.menu li {
float: left;
margin: 0 12px 0 0;
letter-spacing:0;
}

#fddar ul.menu li a{color: #CCCCCC;}
#fddar ul.menu li a:hover {text-decoration: underline;}
#fddar ul.menu li a span{font-size: 9px;}

/*-- コピーライト -------------*/
#fddar div.copyright {
float: right;
color: #999999;
letter-spacing:0;
}