
@charset "utf-8";



html{
	overflow: auto;
}

body#top,
#cmn_bg {
  background: url(/images/common/body_bg.gif) repeat-x #ffffff left top;
}
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;

}

a{
    color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:link {
    color:#000000;
    font-style:normal;
    text-decoration:none;
}
a:visited {
    color:#000000;
}
a:hover {
    color:#000000;
    font-style:normal;
    text-decoration:underline;
}
a:active {
    text-decoration:none;
}

.side_mypage a{
    color:#ffffff;
    font-style:normal;
    text-decoration:none;
}
.side_mypage a:link {
    color:#ffffff;
    font-style:normal;
    text-decoration:none;
}
.side_mypage a:visited {
    color:#ffffff;
}
.side_mypage a:hover {
    color:#ffffff;
    font-style:normal;
    text-decoration:none;
}
.side_mypage a:active {
    text-decoration:none;
}


h1{
	margin : 0;
	padding :0;
}

button { cursor: pointer; }

/*--------------------------------------
　ヘッダー
--------------------------------------*/
#header_bg {
	margin-top: 30px;
	background :url(/images/common/bg_header.jpg) repeat-x #ffffff;
	min-width:1000px;
	border-bottom :#E50012 4px solid;
	border-top :#E50012 4px solid;
}
#header {
	position: relative;
	width: 980px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
#header_link {
    position: absolute;
    top: 10px;
	left:180px;

}
#header_link ul li {
	float:left;
	margin-right:20px;

}
#header_textsize {
    position: absolute;
    top: 10px;
	left:670px;
}

#changeArea {
    position: absolute;
    top: 9px;
	left:740px;
	padding:1px;
	background-color:#FFF;
}

#changeArea ul li {
	float:left;
	height:16px;
}

*:first-child+html #changeArea ul li {
	margin-top:-1px;
	height:17px;
}


#header_search {
    position: absolute;
    top: 9px;
	left:820px;
	padding:2px 0 0  3px;
	width:160px;
	height:18px;
	background:url(/images/common/bg_search.jpg) no-repeat;
	font-size:12px;
	color:#ccc;
}
.input_sh{
	float:left;
    width:135px;
	border:0;
	font-size:10px;
}
.input_shimg{
	float:left;
	border:0;
}

#header_bomlogo{
	margin: 0 auto;
	text-align:center;
	width:980px;
	position: relative;
	top:-30px;
}
*+html #header_bomlogo{
	top:0;
}

#header_bomlogo img{
	position: absolute;
	right:0;
}


/*--------------------------------------
　グローバルメニュー
--------------------------------------*/

#globalNav {
    position: absolute; 
    top: 36px;  
	left:182px;
	width: 799px;
	height:96px;
	background:url(/images/common/bg_gnavi_n.jpg) no-repeat;
}

#globalNav ul li { 
	float:left;
	width: 114px;
	text-align:center;
}

/*--------------------------------------
　メインビジュアル
--------------------------------------*/
#mainVisual {
	width:100%;
	min-width: 980px;
	margin:0 auto;
	height:365px;
	margin:0 0 35px 0;
}
#top #mainVisual {
	margin:0 0 0 0;
}
#mainVisual_img {
	margin:0 auto;
	width: 1150px;
}


/*--------------------------------------
　パンくずリスト
--------------------------------------*/
#breadcrumb {
/*	border-top:#E50012 4px solid; */
	padding:15px 0 30px 0;
}

#breadcrumb_area {
	clear:both;
	margin:0 auto;
	width: 980px;
	text-align:left;
	font-size:70%;
}

#breadcrumb_area li {
	float: left;
	margin:0 10px 0 0;
}

#breadcrumb_area a {
	color:#E50012;
	text-decoration:underline;
}

#breadcrumb_area a:hover {
	color:#E50012;
	text-decoration:none;
}

/*--------------------------------------
　メイン
--------------------------------------*/
#container{
	overflow : hidden;
	width: 980px;
	text-align: left;
	margin: 0 auto;

	line-height: 1.3;
}

/*--------------------------------------
　左カラム
--------------------------------------*/
#main_column{
	float:left;
	width: 722px;
}

#column_leftside{
	float:left;
	width: 220px;
}

#side_menu {
  background-color: #fff;
}

/*--------------------------------------
　右カラム
--------------------------------------*/
.n_contebdr #main_column2{
	float:right;
	width: 722px;
	margin:0;
	padding:0 10px 20px 0;
	border:none;

}

#main_column2{
	float:right;
	width: 702px;
	margin:0 0 20px 0;
	padding:30px 10px 20px 10px;
	border:#E50012 2px solid;

}

#cmn_bg #main_column2 {
  background-color: #fff;
  border: 0;
}

#column_side{
	float:right;
	width: 220px;
}

.n_contebdr #main_column2{
  float:right;
  width: 722px;
  margin:0;
  padding:0 10px 20px 0;
  border:none;

}

/*--------------------------------------
　to　TOP
--------------------------------------*/
#totop {
	clear:both;
	margin:0 auto;
	width: 980px;
	height:70px;
	text-align:right;
}

/* 2014-05-22 */
/*--------------------------------------
　フッタ
--------------------------------------*/
#footer_bg {
	clear:both;
	height:528px;
	background:url(/images/common/footer_bg.gif) repeat-x;
}
#footer {
	position: relative;
	width: 980px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

#footer h3{
	margin:0 0 8px 0;
}

#footer_link01{
    position: absolute;
    top: 30px;
}

#footer_link02{
    position: absolute;
    top: 30px;
	left:610px;
}

#footer_link03{
    position: absolute;
    top: 30px;
	left:813px;
}

#footer_link04{
    position: absolute;
    top: 246px;
}

#footer_link05{
    position: absolute;
    top: 246px;
	left:202px;
}

#footer_link06{
    position: absolute;
    top: 246px;
	left:402px;
}

#footer_link07{
    position: absolute;
    top: 246px;
	left:602px;
}

.footer_link{
	float:left;
	margin:0 39px 0 0;
	font-size:70%;
}
.footer_link2{
	float:left;
	font-size:70%;
}
.footer_link li a,.footer_link2 li a{
	display:block;
	width:151px;
	line-height:20px;
	margin:0 ;
	padding:0 0 0 14px;
	border-bottom: 1px solid #bdbdbd;
	background:url(/images/common/arrow.png) no-repeat 3% center;
}
.footer_link li a:hover,.footer_link2 li a:hover{
	background:url(/images/common/arrow.png) no-repeat 3% center #fededf;
	text-decoration: none;
}

.footer_link li.on a,.footer_link2 li._on a{
	background:url(/images/common/arrow.png) no-repeat 3% center #fededf;
	color:#333333;

}

.footer_link2 li a img{
	padding-left:5px;
}

#footer_bottom {
    position: absolute;
    top: 328px;
	right:0;
	width:397px;
	padding: 0 0 97px 0;
	background:url(/images/common/bg_footerimg.png) 0 top no-repeat;
}

#fnavi{
	position: relative;
	width:600px;
	left: 210px;
	top: 395px;
}
#privacy {
	position: absolute;
	top: 110px;
	left:400px;
}

#fnavi ul{
	position: absolute;
	top:50px;
}

#fnavi ul li{
	float:left;
	display:inline;
	margin-right:34px;

}
address{
	position: absolute;
	left:112px;
	top: 105px;
}

hr.bdr_red{
	border:0;
/*	width: 682px; */
	height:2px;
	color:#E50012;
	background-color:#E50012;
	border-color:#E50012;
	margin: 20px 15px;
}

/* 2014-05-22 */
/*--------------------------------------
　サイズ設定
--------------------------------------*/
.w280{	width: 280px;}
.w315{	width: 315px;}
.w340{	width: 340px;}
.w375{	width: 375px;}
.w400{	width: 400px;}
.w480{	width: 480px;}
.w500{	width: 500px;}
.w650{	width: 650px;}


.textRight{	text-align: right;}
.textCenter{ text-align: center; }
.t_red { color: #E50012 !important; }

.mb3{	margin-bottom: 3px !important;}
.mb5{	margin-bottom: 5px !important;}
.mb10{	margin-bottom: 10px !important;}
.mb15{	margin-bottom: 10px !important;}
.mb17{	margin-bottom: 17px !important;}
.mb20{	margin-bottom: 20px !important;}
.mb30{	margin-bottom: 30px !important;}
.mb40{	margin-bottom: 40px !important;}
.mb50{	margin-bottom: 50px !important;}
.mb100{	margin-bottom: 100px !important;}

.mr5{	margin-right: 5px !important; }
.mr7{	margin-right: 7px !important; }
.mr10{	margin-right: 10px !important; }
.mr13{	margin-right: 13px !important; }
.mr15{	margin-right: 15px !important; }
.mr20{	margin-right: 20px !important; }
.mr30{	margin-right: 30px !important; }
.mr40{	margin-right: 40px !important; }

.ml5{	margin-left: 5px !important; }
.ml10{	margin-left: 10px !important; }
.ml15{	margin-left: 15px !important; }
.ml20{	margin-left: 20px !important; }
.ml30{	margin-left: 30px !important; }
.ml50{	margin-left: 50px !important; }
.ml100{	margin-left: 100px !important; }
.mt5{	margin-top: 5px !important;}
.mt10{	margin-top: 10px !important;}
.mt20{	margin-top: 20px !important;}
.mt29{	margin-top: 29px !important;}
.mt30{	margin-top: 30px !important;}
.mt35{	margin-top: 35px !important;}
.p5{	padding: 5px !important;}
.p10{	padding: 10px !important;}
.p15{	padding: 15px !important;}

.pl15{	padding-left: 15px !important;}

.pr15{	padding-right: 15px !important;}

.pb15{	padding-bottom: 15px !important;}
.pb30{	padding-bottom: 30px !important;}
.pt30{	padding-top: 30px !important}
.pt40{	padding-top: 40px !important}
.bold{	font-weight: bold;}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.price{
	font-weight:bold;
	font-size:150%;
}
.sprice{
	font-size:100%;
}
.textform textarea{
	margin:0 0 20px 20px;
	border:#999 1px solid;
}

#submit_button{
    text-align:right;
	margin:0 25px 20px 0;
}

.redtxt{
	color:#E50012;
}
sup{
	position: relative;
	top: -8px;
	font-size: 50%;
	color:#f50038;
	vertical-align: baseline;

}
a.undline{
	text-decoration: underline;

}
a.undline:hover{
	text-decoration: none;

}
/*--------------------------------------
　20140219追加しました
--------------------------------------*/
#submit_button02 input, #submit_button02 input:hover {
	float:right;
	margin:0 25px 20px 0;
	border: none;
	text-indent: -999px;
	width: 100px;
	height: 20px;
	cursor: pointer;

}
#submit_button02 input {
/*	background: url(/images/product/btn_contribution_off.jpg) no-repeat left top;*/
}

#submit_button02 input:hover {
/*	background: url(/images/product/btn_contribution_on.jpg) no-repeat left top;*/
}


/*--------------------------------------*/
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.pagetop{
	float:right;
}
.pagetop a{
	text-align: right;
	background: url(/images/common/ico_ya04_red.jpg) left center no-repeat;
	padding-left: 20px;
	font-size: 80%;
	display: block;
	margin: 20px 10px;
}

/* 処理中画面
--------------------------------------*/
.waiting_layer {
  width:100%;
  height:100%;
  position: fixed;
  top:0;
  left:0;
  background-color:#000;
  opacity:0.5; filter:
  alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
  z-index:5000;
}
.wating_text {
  position: fixed;
  top:49%;
  left:48%;
  z-index:5002;
  color:#000;
  font-size:24px;
}




