@charset "shift_jis";
/*全般設定
------------------------------------------------------------------------------------------
■文字色は「color: #999999;」部分で変更できます。サイズは「75%」で変更可。%指定でなく「12px」とかでも可。
■壁紙は「images/bg.gif」で指定しています。imagesフォルダに入っているbg.gifを指定しています。
　変更もできますが、コンテナーの枠に影を入れてるので、白っぽい壁紙でないと枠が目立ってしまうので注意。
------------------------------------------------------------------------------------------*/
body {
	color: #999999;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	position:relative;

}
h1, h2, h3, p, ul, li {
	margin: 0px;
	padding: 0px;
}
p {
	text-align: left;
}

img {
	border: none;
}
.center {
    text-align: center;
	align:center;
	margin-left:auto;
    margin-right:auto;
}
.pp {
	border: 5px;
	margin: 0px;
}
#main p, #sub p {
	margin: 0.5em 1em 1em;
}
/*全体
------------------------------------------------------------------------------------------*/
#zentai{
	height:2650px;
	margin:0px;
	padding:0px;
	border: 1px;
	background-color: white;
}
/*コンテナー
------------------------------------------------------------------------------------------*/
#container {
	text-align: left;
	margin: 0px auto;
	width: 840px;
	padding-right: 0px;
	padding-left: 0px;
	border-style:solid;
	border-color:#D3D3D3;
}
/*ヘッダー
------------------------------------------------------------------------------------------
■HP最上段に入っているh1タグは「#header h1」で指定しています。サイズ変更は「font-size: 10px;」で行います。
　色は「color: #ffffff;」で変更可能。現在は白で入ってます。
　ちなみに、h1タグの背景は「#header」項目内で指定している「header_bg.gif」に入れています。
------------------------------------------------------------------------------------------*/
#header {
	background: url(../images/header_bg.gif) no-repeat;
	height : 103px;
	position: relative;
}
#header H1 {
	font-size: 10px;
	font-weight: normal;
	line-height : 10px;
	padding-top: 8px;
	padding-left: 20px;
	padding-bottom: 20px;
	color: #ffffff;
}
/*メインコンテンツ（特に変更の必要なし）
------------------------------------------------------------------------------------------*/


#menu {
	border-bottom: 6px solid #EEEEEE;
}
#menu li {
	display: inline;
}
/*ナビメニュー（メインメニューの右上に入っている小さなナビゲーションメニューの事）
------------------------------------------------------------------------------------------
■左の赤い矢印は「#nav li」項目内の「images/arrow1.gif」です。
■リンクカラーは「#nav a」でグレーに指定。下線も消しています。
■カーソルオーバー時の文字色は「#nav a:hover」で指定しています。
------------------------------------------------------------------------------------------*/
#nav {
	background: url(../images/nav_bg.gif) no-repeat left bottom;
	height: 13px;
	position: absolute;
	right: 0px;
	bottom: 5px;
	padding-left: 50px;
	font-size: 11px;
	padding-top: 8px;
	line-height: 11px;
}
#nav li {
	display: inline;
	padding-right: 15px;
	background: url(../images/arrow1.gif) no-repeat left center;
	padding-left: 15px;
	color: #4876FF;
}
#nav a {
	text-decoration: none;
	color: #4876FF;
}
#nav a:hover {
	color: #BB000F;
}
/*メインメニュー（特に変更の必要なし）
------------------------------------------------------------------------------------------*/

#nav2 {
	background-image: url(../images/sample2.gif);
	background-repeat: no-repeat;
	background-position: center;
	border: 0px;
	height : 97px;
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
	margin-left:  0px;
	margin-top: 0px;
	margin-bottom: -12px;
}
#nav2 h4 {
	display: block;
	font-weight: normal;
	line-height : 0px;
	text-align: right;
	padding-right: 50px;
	padding-top: 35px;
	padding-bottom: 20px;
	font-size: 40px;
	font-style : italic;
	color: #87CEFA;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#height {
	display: block;
	height : 147px;
}
/*メインコンテンツ（特に変更の必要なし）
------------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 546px;
	display: inline;
	margin-left: 15px;
	margin-top: 15px;
	padding-bottom: 40px;
}
/*メインコンテンツ（特に変更の必要なし）
------------------------------------------------------------------------------------------*/
#coupon {
	position:relative;
	width: 546px;
	display: inline;
	margin-left: 15px;
	margin-top: 15px;
	padding-bottom: 40px;
}
/*サブコンテンツ
------------------------------------------------------------------------------------------
■右側コンテンツの見出しは「#sub h3」で設定します。背景色は「background: #EEEEEE;」で指定。
　上下のラインは「border-top」と「border-bottom」で設定。
「letter-spacing」というのは文字間隔の事で、文字同士の隙間を0.2文字ずつ空けて表示させています。
------------------------------------------------------------------------------------------*/
#sub {
	float: right;
	width: 264px;
	margin-top: 10px;
	margin-right:0px;
	padding-right:0px;
	padding-bottom: 15px;
	border-left: 1px dotted #d6d6d6;
	border-bottom: 1px dotted #d6d6d6;
	text-align : center;
	align:center;
}

	
#subb {
	float: right;
	width: 264px;
	margin-top: 10px;
	padding-bottom: 15px;
	margin-right:0px;
	padding-right:0px;
}
#sub h3 {
	font-size: 12px;
	font-weight: 900;
	background:url(../images/sidbg.gif) no-repeat;
	height : 35px;
	position: relative;
	margin-right:0px;
	padding-right:0px;
	letter-spacing: 0.2em;
	text-align: center;
}
#subb h3 {
	font-size: 15px;
	font-weight: 2000;
	background:url(../images/sidbg.gif) no-repeat;
	height : 35px;
	position: relative;
	margin-right:0px;
	padding-right:0px;
	padding-bottom:0px;
	margin-bottom:-5px;
	letter-spacing: 0.2em;
	text-align: center;
}
.h3brand {
	display:block;
	border-right:7px solid #aac;
	border-top:1px solid #aac;
	border-bottom:1px solid #aac;
	border-left:7px solid #aac;
	font-size:large;
	padding:5px 0px 0px 0px;
	text-decoration:none;
	color:#557;
	width:246px;
	height:40px;
	margin:2px 0px;
	height:2.5em;
}
/*フッター（特に変更の必要なし）
------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	line-height: 1.5em;
	text-align: center;
	font-size: 11px;
	background: #FFFFFF;
	padding: 20px 0px;
	border-top: 1px solid #CCCCCC;
}
/*clearfix（変更しない）
------------------------------------------------------------------------------------------*/
#container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container {
	height: 1%;
}
#container {
	display: block;
}
/* End hide from IE-mac */


/*追加
------------------------------------------------------------------------------------------*/

h2 {
	font-size: medium;
	color: #429bdd;
	margin: 0px 0px 0px 5px;
	padding-top: 7px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A6C4E1;
}
.hb {
	font-size: medium;
	color : #429bdd;
	margin: 0px 0px 0px 5px;
	padding-top: 7px;
	padding-left: 15px;
	border-bottom-width: 0px;
}
.f1 {
	font-size : medium;
	line-height: 140%;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom : 5px;
	color : #429bdd;
	font-weight : normal;
}
.f1a {
	font-size : medium;
	line-height: 140%;
	padding-right: 0px;
	padding-left: 30px;
	padding-bottom : 5px;
	color : #429bdd;
	font-weight : bold;
	margin-bottom: 0px;
}
h3 {
	font-size: large;
	color: #429bdd;
	padding: 10px 20px;
	margin-right: 10px;
}
.br {
	font-size: large;
	color: #429bdd;
	padding: 10px 20px;
	margin-right: 10px;
	margin-top: 100px;
}
.f2 {
	font-size: small;
	line-height: 140%;
	border: 1px solid #C1D6EA;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	color : #00cccc;
}
.f3 {
	font-size: small;
	line-height: 140%;
	border: 1px dotted #C1D6EA;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
}
.f4 {
	font-size: medium;
	color: #32CD32;
	font-weight: bold;
	line-height: 140%;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	background-color: #ECF2F9;
}
.f4c {
	font-size: medium;
	color: #32CD32;
	font-weight: bold;
	line-height: 140%;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	text-align:right;
}
.f4d {
	font-size: 15px;
	color: #32CD32;
	font-weight: bold;
	line-height: 140%;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	background-color: #ECF2F9;
}
.f5 {
	font-size : medium;
	line-height: 140%;
	padding-right : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	color : #429bdd;
	font-weight : normal;
}
.f5a {
	font-size : large;
	color :#F3C;
	line-height: 140%;
	padding-top : 10px;
	padding-right : 10px;
	padding-left : 10px;
	padding-bottom : 10px;
	margin:20px 10px 20px 10px;
	font-weight : bold;
	border-width: 1px;
	border-style: solid;
	border-color: #A6C4E1;
	background-color: #ECF2F9;
}
.f6 {
	font-size : 12px;
	line-height : 100%;
	padding-right : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	color : #429bdd;
	font-weight : normal;
}
.f6c {
	font-size : 12px;
	line-height : 100%;
	padding-right : 5px;
	padding-left : 5px;
	padding-bottom : 5px;
	color : #429bdd;
	font-weight : normal;
	text-align:center;
}
.f7 {
	font-size : 18px;
	line-height: 140%;
	padding-right: 0px;
	padding-left: 60px;
	padding-bottom : 5px;
	color : #429bdd;
	font-weight : bold;
}
.f2a {
	font-size: medium;
	line-height: 140%;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 30px;
	color : #00cccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #C1D6EA;
	border-radius: 5px;
}
.f3a {
	font-size: medium;
	line-height: 140%;
	border: 1px solid #C1D6EA;
	padding: 10px;
	color : #429bdd;
	text-align: left;
}
.f8 {
	font-size: 25px;
	font-weight: bold;
	color: #0000ff;
	padding: 10px 20px 0px 20px;
	margin-right: 15px;
	margin-bottom: 0px;
}
.f8a {
	font-size:30px;
	font-weight: bold;
	color: #ff0000;
	padding: 10px 5px 0px 5px;
	margin-right: 15px;
	margin-bottom: 0px;
}
.fn {
	font-size: large;
	font-weight: bold;
	color: #8470FF;
	padding: 20px 20px 0px 70px;
	margin-left: 30px;
	margin-bottom: 0px;
}
.fns {
	font-size: 20px;
	font-weight: bold;
	color: #8470FF;
	padding: 20px 20px 0px 50px;
	margin-left: 30px;
	margin-bottom: 0px;
}
.m11 {
	position : relative;
	left : 0px;
	top : 5px;
	border:1px solid #CCC;
}
.m21 {
	position: relative;
	left : 415px;
	top : -30px;
}
.mfast {
	position: relative;
	left : 415px;
	top : -75px;
}
.ta1 {
	background-color: #1186EE;
	padding: 5px 5px;
	margin: -30px 0px -10px 0px;
	border: 1px;
}
a:link {
	font-weight: bold;
	color: #339999;
}
a:visited {
	font-weight: bold;
	color: blue;
}
a:hover {
	font-weight: bold;
	color: #FF6600;
}
#top {
	margin-top : -5px;
	margin-bottom : -5px;
}
.img1 {
	margin-top: 10px;
	margin-left: 10px;
}