@charset "utf-8";

body{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5{
	line-height:100%;
	clear: both;
}

p{
	margin: 0px;
	padding: 0px;
	text-align: left;
}

.clear{
	clear: both;
}

a:link{
	color:#333333;
	text-decoration: none;
}
a:active{
	color:#333333;
	text-decoration: none;
}

a:visited{
	color:#333333;
	text-decoration: none;
}

a:hover{
	color:#aa0000;
	text-decoration: underline;
}

.pagearea a:link,
.pagearea a:visited,
.pagearea a:hover {text-decoration:none;}
.fontsize_s {font-size: 11px;line-height: 160%;}
.fontsize_normal {font-size: 12px;line-height: 160%;}
.fontsize_m {font-size: 14px;line-height: 160%;}
.fontsize_big {font-size: 16px;line-height: 160%;}
.font_b {font-weight:bold;}

.red{color: #e60012;}
.blue{color: #5670a8;}

.ajax_link a:link{
	color: #0066CC;
}


/*レイアウト*/

body {
	background-color:#FFFFFF;
	text-align:center;
}
body,td,th,div {
	font-family: "Hiragino Maru Gothic Pro", "ＭＳ Ｐゴシック","helvetica";
	font-size:12px;
	line-height:160%;
	color:#333333;
}

#container {
	padding: 0px;
	margin:0px auto;
	width:970px;
	text-align:left;
}


/*h1,h2*/
h1 {
	margin:0;
	padding: 23px 0 0 20px;
	float: left;
	font-size: 100%;
}
h2 {
  margin:0;
	padding: 25px 20px;
	font-size: 100%;
}

#container h2.h2_top{
	margin:0;
	padding:0;
	float: left;
}

#container .float_left{
	float: left;
	font-size: 12px;
}

h3{
	margin:0;
	padding:0;
	font-size: 100%;
}

h3.ttl_index{
	margin:0;
	padding:0;
	font-size: 100%;
	background: url(../img/ttl_bg01.gif) repeat-x bottom;
	height: 50px;
	display: block;
}

h3.ttl_index2{
	padding:0;
	font-size: 100%;
	background: url(../img/ttl_bg01.gif) repeat-x bottom;
	height: 30px;
	display: block;
}

h4{
	margin:45px 20px 15px 20px;
	padding:0;
	font-size: 100%;
	background: url(../img/ttl_bg01.gif) repeat-x bottom;
	height: 30px;
	display: block;
}
h4.h4_02{
	margin:45px 0 15px 0;
}

/*ヘッダー*/
#header {
	padding: 0;
	margin: 0;
	height: 78px;
	background-image: url(../img/header/header_bg.jpg);
	background-repeat: no-repeat;
}

#header #logo {
	height: auto;
	float: right;
	clear: right;
	padding: 10px 20px 0 0;
}
#header #search {
	height: auto;
	float: right;
	clear: right;
	padding: 15px 20px 0 0;
	vertical-align: middle;
}


/*フッター*/
#footer {	
  clear: both;
	margin-bottom: 50px;
	padding-top:30px;
}

#footer .footer_line{
	border-bottom: 1px solid #000000;
}

#footer span {
	float: right;
	font-size: 11px;
	line-height: 160%;
}

#footer img {
	float: left;
}

#footer a:link,
#footer a:visited {
	color: #666666;
	text-decoration:none;
}
#footer a:hover {
	color: #aa0000;
	text-decoration:underline;
}

/*ナビゲーション*/
#global_navi {
	margin:0;
	padding:0;
	background-color: #0d1126;
}
#sab_navi {
	width:970px;
	/*padding:5px 0;*/
	background-color: #404a7d;
}
#sab_navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #sab_navi{
    height: 1em;
    overflow: visible;
}
/**/

/*2階層目_問い合わせ*/
.toiawase {
	margin-top:15px;
	background-color: #e3e6eb;
	border: 1px solid #d0d4e3;
}
.toiawase td {
 padding:5px 0;
}

/*プレゼント・おすすめBOX*/
#bottom_box{
	clear: both;
	margin-top:20px;
}
/*プレゼント*/

#present {
	float: right;
	width: 470px;
	vertical-align: top;
	padding-top:30px;
}
#present td{
  padding-top:10px;
	background: url(../img/line01.gif) repeat-x bottom;
	font-size: 11px;
	line-height: 150%;
}
#present img{
	clear: left;
	float: left;
	padding:0;
}
#present p{
	float: right;
	padding-left:12px;
	background: url(../img/icon_arrow_link.gif) no-repeat 0 3px;
	width: 90px;
}
#present .other_link{
	background: url(../img/icon_arrow_link.gif) no-repeat 0 5px;
	font-weight: bold;
	padding-left: 12px;
	margin:5px 0;
	display: block;
	margin-top:10px;
}

/*おすすめ情報*/
#recommend {
	width: 444px;
	float: left;
	border: 1px solid #f0f0c5;
	clear: left;
	background-color: #ffffe5;
	margin-top:20px;
}
#recommend .recommend_box {
	padding: 10px 20px;
}
#recommend p {
	background: url(../img/reco_pre/icon_recommend.gif) no-repeat 0 2px;
	font-weight: bold;
	padding-left: 12px;
	margin-top:10px;
}
#recommend ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#recommend li{
	padding-left:30px;
	background: url(../img/icon_arrow_link.gif) no-repeat 15px 5px;
}
.other_link{
	float: left;
	width: 434px;
	background: url(../img/icon_arrow_link.gif) no-repeat 0 5px;
	font-weight: bold;
	padding-left: 12px;
	display: block;
	margin-top:10px;
	clear: left;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

/*ページトップ他*/
.page_link{
	clear: both;
	margin: 20px 0;
}
.page_link div.top {
	text-align:right;
	padding-bottom:5px;
	padding-right:5px;
	border-bottom: 2px solid #ececec;
}
.page_link div.top2 {
	text-align:right;
	padding-bottom:5px;
	padding-right:5px;
}
.page_link div.bn {
	text-align:right;
	background:url(../img/back03.gif) repeat-x;
	padding-top:5px;
	padding-right:5px;
}

/*左寄せ、右寄せ*/
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}


/*マージン*/
.mt3 {
	margin-top:3px;
}
.mt10 {
	margin-top:10px;
}
.mt20 {
	margin-top:20px;
}
.mt45 {
	margin-top:45px;
}
.mr5 {
	margin-right:5px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb30 {
	margin-bottom:30px;
}
.mr4 {
	margin-right:4px;
}
.mlr20 {
	margin-left:20px;
	margin-right:20px;
}

/*パディング*/


/*///////////TOP//////////////////*/



/*///////////2階層目//////////////////*/
#contents {
	margin:0 20px 45px 20px;
}
#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html #contents{
    height: 1em;
    overflow: visible;
}
/**/

/*閉じる*/
.close {
	padding:10px 0 0 0;
}

/*詳細ボタン*/
.btn_details {
	text-align: right;
	margin-top: 15px;
}

/*拡大ボタン*/
.enlarge {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*テキストリンク*/
#link_gaikei{
	color: #0033CC;
	font-size: 16px;
	line-height: 160%;
}

#link_gaikei a{
	color: #0033CC;
}

#link_gaikei a:hover{
	color: #0033CC;
	text-decoration: underline;
}
/*レイアウト*/
.con_box01{
  margin-top:45px;
	padding:0;
	clear: both;
}
.con_box01:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .con_box01{
    height: 1em;
    overflow: visible;
}
/**/
.con_box02{
  margin:0 40px;
	padding:0;
	clear: both;
}
.con_box02:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .con_box02{
    height: 1em;
    overflow: visible;
}
/**/
.con_box03{
  margin:15px 20px 0 20px;
	padding:0;
	clear: both;
}
.con_box02:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
/*\*/
* html .con_box02{
    height: 1em;
    overflow: visible;
}
/**/
#contents .con_left_box420{
	width: 420px;
	float: left;
	display: block;
}
#contents .con_right_box420{
	width: 420px;
	float: right;
	display: block;
}
#contents .con_left_box400{
	width: 400px;
	float: left;
	display: block;
}
#contents .con_right_box400{
	width: 400px;
	float: right;
	display: block;
}
#contents .img_left{
	margin-right: 20px;
	float: left;
}

.link_box{
	border:1px solid #E5E5E5;
	padding:2px 2px 5px 2px;
}
.link_box p.ttl{
	color:#000000;
	background-color:#ebebeb;
	padding:2px 4px;
	margin-bottom:7px;
}

.listBox{
	border-top: 2px solid #BCBCBC;
	border-left: 1px solid #CCCCCC;
}

.listBox td{
	padding:3px 5px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.listBox td.line_b{
	border-bottom: 2px solid #BCBCBC;
	border-bottom-color: #BCBCBC;
}
.listBox td.box_color{
	border-bottom: 2px solid #BCBCBC;
	background-color: #F7FBFD;
}
.listBox td.box_color2{
	border-bottom-width: 1px;
	background-color: #F7FBFD;
}
/*トップNEWS*/ 
#top_news {
	margin:20px 0 0 0;
}
#top_news ul {
	margin:12px 0 0 5px;
	padding:0px;
}
#top_news li {
	margin:0px;
	padding:0 0 0 15px;
	background:url(../img/icon_arrow_link02.gif) no-repeat 0 6px;
	list-style:none;
}
#top_news p {
	margin:0 0 5px 15px;
	padding:0px;
}
/*トップページ*/ 
#topflash {
	padding: 0;
	margin:0;
	width: 970px;
	height:420px;
	background-image: url(../img/top/top_mv.jpg);
	background-repeat: no-repeat;
}
#topflash .top_btn {
	padding: 376px 27px 0 0;
	text-indent:-9999px;
	margin:0;
}

#topflash ul {
	margin:0;
	padding:0;
	list-style:none;
}
#topflash li{
	float:right;
}
#topflash li.sj_h a {
	display : block;
	background-image:url(../img/top/btn_top01_1.jpg);
	padding:0;
	margin:0;
	width:116px;
	height:30px;
}
#topflash li.sj_h a:hover {
	background-image:url(../img/top/btn_top01_2.jpg);
}
#topflash li.sj_hv a {
	display : block;
	background-image:url(../img/top/btn_top02_1.jpg);
	padding:0;
	margin:0;
	width:110px;
	height:30px;
}
#topflash li.sj_hv a:hover {
	background-image:url(../img/top/btn_top02_2.jpg);
}
#topflash li.sj_hc a {
	display : block;
	background-image:url(../img/top/btn_top03_1.jpg);
	padding:0;
	width:107px;
	height:30px;
}
#topflash li.sj_hc a:hover {
	background-image:url(../img/top/btn_top03_2.jpg);
}
#topflash li.sj_ha a {
	display : block;
	background-image:url(../img/top/btn_top04_1.jpg);
	padding:0;
	width:130px;
	height:30px;
}
#topflash li.sj_ha a:hover {
	background-image:url(../img/top/btn_top04_2.jpg);
}