@charset "utf-8";

/* -------------------------------------------------------------------------------------- */
/* ::::: STRUCTURE ::::: */
/* -------------------------------------------------------------------------------------- */
/* Flat */
img {margin:0; padding:0; border:0;}
img a {margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,h6 {margin:0; font-size:100%; line-height:100%;}
ul,dl,dt,dd,ol {margin:0; padding:0;}
ul li {list-style:none;}
p {margin:0; padding:0; line-height:14pt;}
table,tr,th,td {padding:0; margin:0; border-collapse:collapse; text-align:left; vertical-align:top;}
/* Main Structure : Columns*/
html { margin: 0; padding:0; width:100%; height:100%; background:url(./../img/base/bg.jpg) repeat;}
body { margin: 0; padding:0; width:100%; height:100%; text-align:center; background:url(./../img/base/h1_bg.jpg) top repeat-x;}
body.toppage {}
body.secpage {}

#container {width:950px; height:auto; margin:0 auto; padding:0 0px 30px; text-align:left;}
#wrapper   {width:725px; float:left;}
#centerCol {width:500px; float:right;}
#leftCol   {width:215px; float:right; margin-right:10px;}
#rightCol  {width:215px; float:left; margin-left:10px;}

.col2Content #wrapper { display:table; float:none; width:950px;}
.col2Content #wrapper #centerCol{width:725px;}
.col2Content #wrapper #leftCol {width:215px;}
.col2Content #rightCol { display:none;}

/*
#centerCol {width:725px!important; float:right;}
.col1Content #centerCol {width:950px!important; float:none;}
*/

/* Header Parts */
#header { height:100px; width:950px; text-align:left; margin:0 0px 10px;}
	#header #upper_box {margin:0; width:100%; height:20px; }
	#header #upper_box h1{display:block; margin:0 0 0px; line-height:18px; color:#666; font-size:78%!important; width:65%; height:20px; float:left; font-weight:normal;}
	#header h2{clear:both; position:absolute; top:30px; margin:0 0 0 0px; z-index:5;} 
	#header .share_box{width:400px; text-align:right; float:right; overflow:hidden; margin:60px 0 0 550px; position:absolute;/* background:#f00;*/} 
	#header .share_box li.twitter {float:right; display:block; width:80px;} 
	#header .share_box li.facebook {float:right; display:block; width:100px;} 
	#header .share_box li.mixi {float:right; display:block; width:85px;} 


/* Footer Parts */
div.go_top { width:100%; text-align:center; height:24px; padding-top:0px; overflow:hidden;}
div.go_top_box { width:950px; text-align:right; margin:0 auto;}

#footer {clear:both; width:100%; height:auto; margin:0;  background:url(./../img/base/dotline.jpg) repeat-x left top #FFF; text-align:center;}
	#footer_box {width:950px; height:auto; margin:0 auto; text-align:left; padding:7px 0;}
		#footer_box ul { clear:both; width:950px; height:auto; margin:0px; padding:0; text-align:left;}
			#footer_box ul li {  float:left; display:block; height:20px;}
				#footer_box ul li a {color:#555; text-decoration:underline; letter-spacing:0px; font-size:11px!important; display:block; margin-right:10px; line-height:20px;}
				#footer_box ul li a:hover {color:#777; text-decoration:none; }
				#footer_box ul li a:visited {text-decoration:underline; }
				#footer_box hr {border:0!important; background:none; visibility:hidden; height:1px!important; margin:0; padding:0; _display:none;/*IE6*/}
			#footer address {clear:both; display:block; width:100%; background:url(./../img/base/dotline.jpg) repeat-x left top #f6f5ef;}
			#footer address span {display:block; margin:0 auto; width:950px; color:#888!important; font-size:10px; font-style:normal; line-height:35px; text-align:right;}
			#footer_box table.footer_conpanyinfo {text-align:left; color:#DDD!important; font-size:11px!important; margin:10px 0 10px; width:950px; float:left;}
				#footer_box table.footer_conpanyinfo th{width:0px;}
				#footer_box table.footer_conpanyinfo th img{margin:3px 0;}
				#footer_box table.footer_conpanyinfo td{width:660px; color:#DDD;}
				#footer_box table.footer_conpanyinfo td a{color:#DDD!important;}
				#footer_box table.footer_conpanyinfo td a:hover{color:#FFF!important;}



/* -------------------------------------------------------------------------------------- */
/* ::::: COMMON CLASS ::::: */
/* -------------------------------------------------------------------------------------- */
/* Layout */
.clfx {clear:both; height:1px;}
.clr {clear:both;}
.float_right {float:right;}
.float_left {float:left;}

/* icon */
.newwinlink {background:url(./../img/newwin_icon.jpg) no-repeat left 50%; line-height:22px; padding-left:28px; display:block; height:22px;}
a.icon_arrow_link_nowide {display:block; background:url(./../img/base/icon_arrow.jpg) no-repeat left 5px; padding-left:10px;}
a.icon_arrow_link_right {float:right; display:block; height:20px; line-height:20px; background:url(./../img/base/icon_arrow.jpg) no-repeat left 50%; padding-left:10px;}
a.icon_arrow_link {display:block; height:20px; line-height:20px; background:url(./../img/base/icon_arrow.jpg) no-repeat left 50%; width:185px; padding-left:10px;}
a.icon_arrow_link_sidemenu {display:block; line-height:18px; background:url(./../img/base/icon_arrow.jpg) no-repeat left 9px; width:185px; padding:4px 0px 4px 10px;}
a.icon_arrow_link_sidemenu_over {display:block; line-height:18px; background:url(./../img/base/icon_arrow.jpg) no-repeat left 9px #fffecd; width:185px; padding:4px 0px 4px 10px;}
a.icon_arrow_link_footmenu {display:block; line-height:20px; background:url(./../img/base/icon_arrow.jpg) no-repeat left 50%; padding:0 0 0 9px!important;}
.icon_arrow {display:block; height:20px; line-height:20px; background:url(./../img/base/icon_arrow.jpg) no-repeat left 50%; width:185px; padding-left:10px;}

/* img border */
.borderImg {border:1px solid #DDD;}
.dotline_upper {display:block; background:url(./../img/base/dotline.jpg) repeat-x left top; padding-top:10px; margin-top:5px;}
.dotline_under {display:block; background:url(./../img/base/dotline.jpg) repeat-x left bottom; padding-bottom:6px; margin-bottom:6px;}

/*CSS3*/
.curve1 {border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; behavior: url(/css/css3/PIE.htc);}
.curve4 {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; behavior: url(/css/css3/PIE.htc);}
.curve6 {border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; behavior: url(/css/css3/PIE.htc);}
.curve8 {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; behavior: url(/css/css3/PIE.htc);}
.curve10 {border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; behavior: url(/css/css3/PIE.htc);}

.shadow10 {-webkit-box-shadow: #AAA 0px 0px 10px; -moz-box-shadow: #AAA 0px 3px 10px; box-shadow: #AAA 0px 0px 10px; behavior: url(/css/css3/PIE.htc);}

.grade_gray1 {
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EDEDED));
background: -moz-linear-gradient(#FFFFFF, #EDEDED);
background: linear-gradient(#FFFFFF, #EDEDED);
-pie-background: linear-gradient(#FFFFFF, #EDEDED);
behavior: url(/css/css3/PIE.htc);
}



/* Font */
* {font-size:small; line-height:1.5em; color:#444; font-family: "ＭＳ Ｐゴシック",Arial, "平成角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;}
a:link { text-decoration: none; }
a:hover { text-decoration: underline; }

td a {color:#3520d5!important; text-decoration:underline!important;}
td a:hover {color:#385ff0!important; text-decoration:none!important;}

a.blue_link {color:#3520d5!important; text-decoration: underline;}
a.blue_link:hover {color:#385ff0!important; text-decoration:none!important;}
a.blue_link:visited {color:#3520d5!important; text-decoration: underline;}

/* varidate */
.error {font-size:12px; color:#F00;}

/*text bold*/
.font_bold{font-weight:bold;}
/*text large*/
.font_l{font-size:16px;}
/*text midium*/
.font_m{font-size:12px;}
/*text small*/
.font_s{font-size:10px;}

.txt_red {color:#FF0000; font-weight:normal;}
.txt_red_b {color:#FF0000; font-weight:bold;}
.txt_winered {color:#ad0c0c;}
.txt_winered_b {color:#ad0c0c; font-weight:bold;}
.txt_green {color:#228822;}
.txt_green_b {color:#228822; font-weight:bold;}
.txt_orange {color:#ff6c00;}
.txt_orange_b {color:#ff6c00; font-weight:bold;}
.txt_blue {color:#0358d8;}
.txt_blue_b {color:#0358d8; font-weight:bold;}
.txt_gold {color:#686344;}
.txt_gold_b {color:#686344; font-weight:bold;}

.txt_b {font-weight:bold;}


.underline_yellow {display:inline; background:#FEFF64;}

.letter_sp_-1 {letter-spacing:-1px;}
.letter_sp_0 {letter-spacing:0px;}
.letter_sp_1 {letter-spacing:1px;}

/* margin  padding*/
/*red text*/
.top_pad_0px {padding-top:0px!important;} 
.top_pad_5px {padding-top:5px!important;}
.top_pad_10px {padding-top:10px!important;}
.top_pad_15px {padding-top:15px!important;}
.top_pad_20px {padding-top:20px!important;}
.top_pad_25px {padding-top:25px!important;}
.top_pad_30px {padding-top:30px!important;}

.top_margin_0px {margin-top:0px!important;}
.top_margin_5px {margin-top:5px!important;}
.top_margin_10px {margin-top:10px!important;}
.top_margin_15px {margin-top:15px!important;}
.top_margin_20px {margin-top:20px!important;}
.top_margin_25px {margin-top:25px!important;}
.top_margin_30px {margin-top:30px!important;}
.top_margin_35px {margin-top:35px!important;}
.top_margin_40px {margin-top:40px!important;}

.bt_pad_0px {padding-bottom:0px!important;}
.bt_pad_5px {padding-bottom:5px!important;}
.bt_pad_10px {padding-bottom:10px!important;}
.bt_pad_15px {padding-bottom:15px!important;}
.bt_pad_20px {padding-bottom:20px!important;}
.bt_pad_25px {padding-bottom:25px!important;}
.bt_pad_30px {padding-bottom:30px!important;}

.bt_margin_0px {margin-bottom:0px!important;}
.bt_margin_5px {margin-bottom:5px!important;}
.bt_margin_10px {margin-bottom:10px!important;}
.bt_margin_15px {margin-bottom:15px!important;}
.bt_margin_20px {margin-bottom:20px!important;}
.bt_margin_25px {margin-bottom:25px!important;}
.bt_margin_30px {margin-bottom:30px!important;}
.bt_margin_35px {margin-bottom:35px!important;}
.bt_margin_40px {margin-bottom:40px!important;}

.lt_pad_0px {padding-left:0px!important;}
.lt_pad_5px {padding-left:5px!important;}
.lt_pad_10px {padding-left:10px!important;}
.lt_pad_15px {padding-left:15px!important;}
.lt_pad_20px {padding-left:20px!important;}
.lt_pad_25px {padding-left:25px!important;}
.lt_pad_30px {padding-left:30px!important;}

.lt_margin_0px {margin-left:0px!important;}
.lt_margin_5px {margin-left:5px!important;}
.lt_margin_10px {margin-left:10px!important;}
.lt_margin_15px {margin-left:15px!important;}
.lt_margin_20px {margin-left:20px!important;}
.lt_margin_25px {margin-left:25px!important;}
.lt_margin_30px {margin-left:30px!important;}
.lt_margin_35px {margin-left:35px!important;}
.lt_margin_40px {margin-left:40px!important;}


.line_height_25px {line-height:25px!important;}
.line_height_30px {line-height:30px!important;}
.line_height_35px {line-height:35px!important;}
.line_height_40px {line-height:40px!important;}
.line_height_45px {line-height:45px!important;}
.line_height_50px {line-height:50px!important;}
.line_height_55px {line-height:55px!important;}
.line_height_60px {line-height:60px!important;}
.line_height_65px {line-height:65px!important;}
.line_height_70px {line-height:70px!important;}
.line_height_75px {line-height:75px!important;}

.rt_pad_0px {padding-right:0px!important;}
.rt_pad_5px {padding-right:5px!important;}
.rt_pad_10px {padding-right:10px!important;}
.rt_pad_15px {padding-right:15px!important;}
.rt_pad_20px {padding-right:20px!important;}
.rt_pad_25px {padding-right:25px!important;}
.rt_pad_30px {padding-right:30px!important;}

.rt_margin_0px {margin-right:0px!important;}
.rt_margin_5px {margin-right:5px!important;}
.rt_margin_10px {margin-right:10px!important;}
.rt_margin_15px {margin-right:15px!important;}
.rt_margin_20px {margin-right:20px!important;}
.rt_margin_25px {margin-right:25px!important;}
.rt_margin_30px {margin-right:30px!important;}
.rt_margin_35px {margin-right:35px!important;}
.rt_margin_40px {margin-right:40px!important;}

.block {display:block;}
.inline{display:inline;}

.input_btn {line-height:20px; height:30px;}

.bg_gray_with_border {background:#ECECEC; border:1px solid #DCDCDC;line-height:20px;}
.bg_gray_no_border {background:#ECECEC; border:0;line-height:20px;}


/*center*/div.align_center {width:100%; text-align:center!important;}
/*center*/.center {width:100%; text-align:center!important;}
/*right*/div.align_right {width:100%; text-align:right;}
			div.align_right span {display:block; padding-right:10px;}

span.span_btn {display:block; width:12em; margin:auto; text-align:center; }
span.span_btn a {display:block; padding:4px 10px; border:1px solid #BBB; line-height:20px; background:#F2F2F2; width:12em; text-align:center;}