@charset "utf-8";


/* margin set
----------------------------------------------------------------------------------------------*/
p{
margin:0 0 10px 0;
}

table{
margin:0 0 10px 0;
}

ul{
margin:0 0 10px 0;
padding:0;
}

ol{
margin:0 0 10px 1.8em;
padding:0;
}

img{
vertical-align:top;
}

form{
margin:0;
}

.mb0{ margin-bottom:0px;}
.mb05{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb16{ margin-bottom:16px;}
.mb20{ margin-bottom:20px;}
.mb24{
	margin-bottom:24px !important;
}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb32{ margin-bottom:32px;}
.mb40{ margin-bottom:40px;}
.mb48{ margin-bottom:48px;}
.mb50{ margin-bottom:50px;}

.only-sp{display:none;}
@media only screen and (max-width:750px),print{
	.only-sp{display:block;}
}

/* font size
----------------------------------------------------------------------------------------------*/
.fontL{
font-size:130% !important;
}
.fontLL{
font-size:150% !important;
}


/* position
----------------------------------------------------------------------------------------------*/
.fltL{
float:left;
}
.fltR{
float:right;
}

.clear{
zoom:1;
}
.clear:after{content:".";display:block;height:0;clear:both;visibility: hidden;}

.txtCenter{
text-align:center !important;
}
.txtRight{
text-align:right !important;
}
.txtLeft{
text-align:left !important;
}

.vAlineMiddle{
vertical-align:middle !important;
}


/* sectionLv
----------------------------------------------------------------------------------------------*/
.sectionLv01{
}
.sectionLv02{
margin-bottom:24px;
}
.sectionLv02Boder{
border:2px solid #f5e8e9;
border-top:none;
padding:14px;
}
.sectionLv03Boder{
border:2px solid #d9d9d9;
border-top:none;
padding:14px;
}
.sectionLv04Boder{
border:1px solid #cccccc;
border-top:none;
padding:14px;
}
.sectionLv03{
margin-bottom:16px;
}
.sectionLv04{
background: url(../images/line_dot_black.gif) repeat-x left top;
padding:16px 0 0;
margin:0;
}

/* font
----------------------------------------------------------------------------------------------*/
.bold{
font-weight:bold;
}

.textRed{
color:#9c1d2b;
}

/*a{
color:#1a7ee1;
text-decoration:none;
}*/
a{
color:#0000DD;
text-decoration:none;
}
a:hover{
color:#0099ff;
text-decoration:underline;
}



/* base style
----------------------------------------------------------------------------------------------*/
body{
background:#fff;
color:#333;
line-height:1.5;
width:100%;
min-width:1224px;
width:expression(document.body.clientWidth < 1226? "1224px" : "auto");
}
@media only screen and (max-width:750px),print{
	body{
		min-width:auto;
	}
}

/* header
----------------------------------------------------------------------------------------------*/
#header{
width:100%;
background: none;
height:144px;
border:none;
}
@media only screen and (max-width:750px),print{
	#header{
		height: auto !important;
	}
}
#header .header01{
width:100%;
background-color:#8f1a27;
height:30px;
}
@media only screen and (max-width:750px),print{
	#header .header01{height: 10px !important;}
}
#header .header01 .inner{
width:1200px;
height:30px;
margin:0 auto;
position:relative;
}
@media only screen and (max-width:750px),print{
	#header .header02, #header .header02 .inner {
	    height: 62px !important;
	}
}
#header .header02{
width:100%;
background-color:#fff;
height:112px;
border-bottom:2px solid #8f1a27;
}

#header .header02 .inner{
width:1200px;
height:112px;
margin:0 auto;
position:relative;
}
@media only screen and (max-width:750px),print{
	#header .header02 .inner{
		width:96% !important;
	}
}

#header .globalNavigation{
background: url(/common/images/nav_bg.gif) no-repeat left bottom;
position: absolute;
top:82px;
left:0;
}
.globalNavigation{
position: relative;
margin:0;
padding:0;
list-style:none;
zoom:1;
}
.globalNavigation:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
.globalNavigation li{
float:left;
margin:0 0 0;
padding:0 0 0 1px;
}
.globalNavigation li.last{
margin:0 0 0;
padding:0 1px 0 1px;
}

#headerBlock01{
margin:0;
padding:0;
zoom:1;
}
#headerBlock01:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
@media only screen and (max-width:750px),print{
	.head_poweredlist li{display:none}
}
#header .siteID{
	position:absolute;
	top:10px;
	left:0;
}
#header .siteID a img{
    width: 90%;
    height: auto;
}

#headerBlock01Inner{

}

#header .catch{
font-size:12px;
color:#fff;
margin:0;
padding:0;
position:absolute;
top:7px;
left:0;
width:100%;
}
@media only screen and (max-width:750px),print{
	#header .catch{display:none}
}
#header .lead{
font-size:12px;
color:#222;
margin:0;
padding:0;
position:absolute;
top:10px;
left:0;
width:100%;
font-weight:normal;
}

.btnBeginner{
position:absolute;
right:322px;
top:8px;
}

.btnRun{
position:absolute;
right:-4px;
top:0;
}

.btn_loginbefore{
position:absolute;
right:524px;
top:7px;
font-size:12px;
background: url(../images/head_icon_about.png) no-repeat 0 2px;
padding-left:22px;
}

.btn_loginbefore a { color: #fff; text-decoration:none; cursor: pointer;}
.btn_loginbefore a:visited { color: #fff;}
.btn_loginbefore a:hover   { color: #f4dbde; text-decoration:none;}

.btn_tm{
position:absolute;
right:124px;
top:7px;
font-size:12px;
background: url(../images/head_icon_book.png) no-repeat 0 2px;
padding-left:22px;
}

.btn_tm a { color: #fff; text-decoration:none; cursor: pointer;}
.btn_tm a:visited { color: #fff;}
.btn_tm a:hover   { color: #f4dbde; text-decoration:none;}

.btn_about{
position:absolute;
right:322px;
top:7px;
font-size:12px;
background: url(../images/head_icon_about2.png) no-repeat 0 2px;
padding-left:22px;
}

.btn_about a { color: #fff; text-decoration:none; cursor: pointer;}
.btn_about a:visited { color: #fff;}
.btn_about a:hover   { color: #f4dbde; text-decoration:none;}

.btn_outline{
position:absolute;
right:0px;
top:7px;
font-size:12px;
background: url(../images/head_icon_company.png) no-repeat 0 2px;
padding-left:22px;
}

.btn_outline a { color: #fff; text-decoration:none; cursor: pointer;}
.btn_outline a:visited { color: #fff;}
.btn_outline a:hover   { color: #f4dbde; text-decoration:none;}

/*.btn_about{
position:absolute;
right:322px;
top:7px;
font-size:12px;
background: url(../images/head_icon_about.png) no-repeat 0 2px;
padding-left:22px;
}

.btn_about a { color: #fff; text-decoration:none; cursor: pointer;}
.btn_about a:visited { color: #fff;}
.btn_about a:hover   { color: #f4dbde; text-decoration:none;}
*/
.fileText{
position:absolute;
top:23px;
right:0;
margin:0;
padding:0;
list-style:none;
zoom:1;
}
.fileText:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
.fileText li{
float:left;
color:#222;
background: url(../images/head_icon_file.gif) no-repeat 0 0.7em;
padding:0 0 0 18px;
margin:0 12px 0 0;
}
.fileText li span{
font-weight:bold;
font-size:150%;
color:#ff7f21;
}
.fileText li.comp {
    background: url("../images/head_icon_company2.gif") no-repeat scroll 0 0.6em transparent;
}

.fileText li a{
color:#ff7f21;
}

.fileText li a:hover{
color:#36abff;
}

.fileText li a:hover span{
color:#36abff;
}


.head_rnav{
	list-style:none;
	margin:0;
	position:absolute;
	top:10px;
	left:260px;
}

.head_rnav li{
	float:left;
	margin-right:5px;
}







.loginName{
background:#fff;
color:#9a1d2a;
font-size:12px;
padding:2px 10px;
width:200px;
position:absolute;
right:522px;
top:4px;
text-align:center;
}

.head_category{
position:absolute;
left:0px;
top:133px;
font-size:14px;
background: url(../images/arrow_category.gif) no-repeat 0 0;
padding-left:128px;
font-weight:bold;
}

.head_serch{
position:absolute;
left:258px;
top:18px;
}

.head_serch input.searchTextBox {
border: 1px solid #ddd2d3;
margin: 0 15px 0 0;
padding: 8px;
width: 620px;
}


.linkimg a img {
background:none!important;
}
.linkimg a:hover img {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}

/* mobile header
----------------------------------------------------------------------------------------------*/
.mobile{}
#header.mobile .header01 .inner {
    width: 100%;
    height: 30px;
    margin: 0 auto;
    position: relative;
    max-width: 1200px;
}
@media only screen and (max-width:750px),print{
	#header.mobile .header01 .inner {
    	width: 96%;
    }
}

/* ad_navi
----------------------------------------------------------------------------------------------*/

#adnavi{
width:100%;
border:none;
border-bottom:1px solid #edd5d8;
background:#f7eff0;
}
#adnaviInner{
width:1200px;
margin:0 auto;
padding:10px 0;
}
.adnavi_category{
font-size:14px;
background: url(../images/arrow_category.gif) no-repeat 0 0;
padding-left:128px;
font-weight:bold;
margin-bottom:0;
}

/* clearfix
--------------------------------------*/
.clearfix:after {
 content: "";
	display: block;
	height: 0;
	line-height:0;
	visibility: hidden;
	clear: both;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* topicPath
----------------------------------------------------------------------------------------------*/
#topicPath{
/*background:#f2f2f2;
min-height:42px;*/
zoom:1;
}
#topicPathInner{
width:1200px;
margin:0 auto;
padding:12px 0 0;
}
@media only screen and (max-width:750px),print{
	#topicPathInner{
	width: 100% !important;
}
}
#topicPath p{
margin:0;
color:#666;
}
#topicPath p a{
color:#666;
}


/* contents
----------------------------------------------------------------------------------------------*/
#contents{
margin:0 auto;
padding-bottom:20px;
padding-top:16px;
width:1200px;
zoom:1;
}
@media only screen and (max-width:750px),print{
	#contents{
		width: 96% !important;
	}
}

#contents:after{content:".";display:block;height:0;clear:both;visibility: hidden;}

#mainContents{
width:882px;
float:left;
zoom:1;
}
@media only screen and (max-width:750px),print{
	#mainContents{
	width: 100% !important;
}
}
#mainContentsForm{
width:1200px;
zoom:1;
}
@media only screen and (max-width:750px),print{
	#mainContentsForm{width: 100% !important;}
}
#subContents{
position:relative;
width:300px;
float:right;
/*margin-top:-32px;
padding-top:16px;*/
zoom:1;
}

#mainContentsIndex{
width:882px;
float:left;
zoom:1;
}
#subContentsIndex{
position:relative;
width:300px;
float:right;
zoom:1;
}

.fileText2{
margin:0 0 20px 0;
padding:8px 14px;
list-style:none;
zoom:1;
background-color:#f7ead7;
border:2px solid #ffd0ae;
}
.fileText2:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
.fileText2 li{
float:left;
color:#222;
background: url(../images/head_icon_file.gif) no-repeat 0 15px;
padding:0 0 0 18px;
margin:0 12px 0 0;
font-size:130%;
}
.fileText2 li span{
font-weight:bold;
font-size:160%;
color:#ff7f21;
}
.fileText2 li.comp {
    background: url("../images/head_icon_company2.gif") no-repeat scroll 0 15px transparent;
}

/* sub
----------------------------------------------------------------------------------------------*/

.sub_serch{
margin-bottom:20px;
}

.sub_serch input.searchTextBox {
border: 1px solid #ddd2d3;
margin: 0 15px 0 0;
padding: 8px;
width: 620px;
}

/* seo
----------------------------------------------------------------------------------------------*/
.seo_u {
    margin: 0 auto;
    padding-bottom: 15px;
    padding-top: 0;
    width: 1200px;
}
.text_seo_u {
    width: 882px;
}

.text_seo_t {
    font-size: 120%;
    font-weight: bold;
    padding: 0 14px;
    color: #9c1d2b;
}

/* footer
----------------------------------------------------------------------------------------------*/
#footer{
width:100%;
background:#f3f3f3 url(../images/foot_bg.gif) repeat-x left top;
padding-top:2px;
z-index:0;
}

#footerInner{
width:1200px;
margin:0 auto;
position:relative;
}
@media only screen and (max-width:750px),print{
	#footerInner{
		width:96% !important;
	}
}
#footerBlock01{
background:#f3f3f3 url(../images/foot_bg.gif) repeat-x left bottom;
height:142px;
position:relative;
}

.foot_tit{
	font-size:20px;
	font-weight:bold;
	position:absolute;
	top:25px;
	left:0;
}

.foot_txt01{
	font-size:12px;
	position:absolute;
	top:62px;
	left:0;
	width:490px;
}

.foot_logo{
	position:absolute;
	top:34px;
	right:149px;
}

.foot_txt02{
	font-size:12px;
	position:absolute;
	top:92px;
	right:134px;
}

.foot_pmark{
	position:absolute;
	top:32px;
	right:19px;
}


#footerBlock02{
height:142px;
position:relative;
margin-right:-19px;
padding:22px 0;
}
@media only screen and (max-width:750px),print{
	#footerBlock02{
	height: auto !important;
	margin-right: 0 !important;
}
}
.foot_txtlink{
	list-style:none;
	float:left;
	width:180px;
	margin-right:19px;
}


.foot_txtlink li{
font-size:12px;
background: url(../images/foot_arrow.gif) no-repeat 0 6px;
padding-left:12px;
margin-bottom:10px;
}

.foot_txtlink li a { color: #222; text-decoration:none; cursor: pointer;}
.foot_txtlink li a:visited { color: #222;}
.foot_txtlink li a:hover   { color: #888; text-decoration:none;}








#footer .globalNavigation{
width:976px;
margin:0 auto;
background: url(../images/gnavi_bg_new.gif) no-repeat left top;
}


ul.footerLink{
margin-right:160px;
margin-bottom:10px;
zoom:1;
}
ul.footerLink:after{content:".";display:block;height:0;clear:both;visibility: hidden;}
ul.footerLink li{
float:left;
border-right:1px solid #666666;
padding:0 10px 0 0;
margin:0 10px 0 0;
line-height:1.2em;
}
ul.footerLink li.last{
border-right:none;
padding:0 0 0 0;
margin:0 0 0 0;
}
ul.footerLink li a{
color:#333;
}

.foot_copy{
background:#8f1a27 repeat-x;
padding:10px 0;
}

address{
color:#fff;
font-size:80%;
margin:0 auto;
padding:0;
width:1200px;
}
@media only screen and (max-width:750px),print{
	address{
		width:100% !important;
	}
}
#footer .siteID{
position:absolute;
right:0;
top:17px;
}
/* button
----------------------------------------------------*/
div.formbtn {
	margin:0 auto 50px;
	text-align:center;
}
div.formbtn form,
div.formbtn span {
	display:inline-block;
	margin:10px;
    *display: inline;
    *zoom: 1;
}
div.formbtn .txt {
	font-size:1.25em;
	margin-bottom:1em;
}
div.formbtn button {
	color:#FFF;
	font-size:1.15em;
	font-weight:bold;
	padding:12px 10px;
	width:300px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	cursor:pointer;
	font-family:'メイリオ',Meiryo,Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,'ＭＳ Ｐゴシック',sans-serif;

}

div.formbtn_s button {
	color:#FFF;
	font-size:1.15em;
	font-weight:bold;
	padding:5px;
	width:80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	cursor:pointer;
}

div.formbtn_ss button {
	color:#FFF;
	font-size:1.0em;
	font-weight:normal;
	padding:2px 3px;
	width:80px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	cursor:pointer;
}

div.formbtn p.gr button {
	border:1px solid #a2a2a2;
 background-color: #C5C5C5;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#C5C5C5), to(#888888));
 background-image: -webkit-linear-gradient(top, #C5C5C5, #888888);
 background-image: -moz-linear-gradient(top, #C5C5C5, #888888);
 background-image: -ms-linear-gradient(top, #C5C5C5, #888888);
 background-image: -o-linear-gradient(top, #C5C5C5, #888888);
 background-image: linear-gradient(to bottom, #C5C5C5, #888888);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C5C5C5, endColorstr=#888888);
}
div.formbtn p.gr button:hover{
 background-color: #888888;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#888888), top(#C5C5C5));
 background-image: -webkit-linear-gradient(top, #888888, #C5C5C5);
 background-image: -moz-linear-gradient(top, #888888, #C5C5C5);
 background-image: -ms-linear-gradient(top, #888888, #C5C5C5);
 background-image: -o-linear-gradient(top, #888888, #C5C5C5);
 background-image: linear-gradient(to bottom, #888888, #C5C5C5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#888888, endColorstr=#C5C5C5);
}


div.formbtn p.bl button {
	border:1px solid #0681c8;
 background-color: #80bfe3;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#80bfe3), to(#0681c8));
 background-image: -webkit-linear-gradient(top, #80bfe3, #0681c8);
 background-image: -moz-linear-gradient(top, #80bfe3, #0681c8);
 background-image: -ms-linear-gradient(top, #80bfe3, #0681c8);
 background-image: -o-linear-gradient(top, #80bfe3, #0681c8);
 background-image: linear-gradient(to bottom, #80bfe3, #0681c8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0E6FBE, endColorstr=#084495);
}
div.formbtn p.bl button:hover{
 background-color: #0681c8;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#084495), top(#80bfe3));
 background-image: -webkit-linear-gradient(top, #0681c8, #80bfe3);
 background-image: -moz-linear-gradient(top, #0681c8, #80bfe3);
 background-image: -ms-linear-gradient(top, #0681c8, #80bfe3);
 background-image: -o-linear-gradient(top, #0681c8, #80bfe3);
 background-image: linear-gradient(to bottom, #0681c8, #80bfe3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#084495, endColorstr=#0E6FBE);
}

div.formbtn p.bl2 button {
	border:1px solid #084395;
 background-color: #0E6FBE;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0E6FBE), to(#084495));
 background-image: -webkit-linear-gradient(top, #0E6FBE, #084495);
 background-image: -moz-linear-gradient(top, #0E6FBE, #084495);
 background-image: -ms-linear-gradient(top, #0E6FBE, #084495);
 background-image: -o-linear-gradient(top, #0E6FBE, #084495);
 background-image: linear-gradient(to bottom, #0E6FBE, #084495);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0E6FBE, endColorstr=#084495);
}
div.formbtn p.bl2 button:hover{
 background-color: #084495;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#084495), top(#0E6FBE));
 background-image: -webkit-linear-gradient(top, #084495, #0E6FBE);
 background-image: -moz-linear-gradient(top, #084495, #0E6FBE);
 background-image: -ms-linear-gradient(top, #084495, #0E6FBE);
 background-image: -o-linear-gradient(top, #084495, #0E6FBE);
 background-image: linear-gradient(to bottom, #084495, #0E6FBE);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#084495, endColorstr=#0E6FBE);
}


div.formbtn p.pk button {
	border:1px solid #B22B59;
 background-color: #0E6FBE;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#D54D9F), to(#B22B59));
 background-image: -webkit-linear-gradient(top, #D54D9F, #B22B59);
 background-image: -moz-linear-gradient(top, #D54D9F, #B22B59);
 background-image: -ms-linear-gradient(top, #D54D9F, #B22B59);
 background-image: -o-linear-gradient(top, #D54D9F, #B22B59);
 background-image: linear-gradient(to bottom, #D54D9F, #B22B59);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D54D9F, endColorstr=#B22B59);
}
div.formbtn p.pk button:hover{
 background-color: #B22B59;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#B22B59), top(#D54D9F));
 background-image: -webkit-linear-gradient(top, #B22B59, #D54D9F);
 background-image: -moz-linear-gradient(top, #B22B59, #D54D9F);
 background-image: -ms-linear-gradient(top, #B22B59, #D54D9F);
 background-image: -o-linear-gradient(top, #B22B59, #D54D9F);
 background-image: linear-gradient(to bottom, #B22B59, #D54D9F);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#B22B59, endColorstr=#D54D9F);
}


div.formbtn p.or button {
	border:1px solid #fc7d23;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#FD9423), to(#F75223));
 background-image: -webkit-linear-gradient(top, #FD9423, #F75223);
 background-image: -moz-linear-gradient(top, #FD9423, #F75223);
 background-image: -ms-linear-gradient(top, #FD9423, #F75223);
 background-image: -o-linear-gradient(top, #FD9423, #F75223);
 background-image: linear-gradient(to bottom, #FD9423, #F75223);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FD9423, endColorstr=#F75223);
}
div.formbtn p.or button:hover{
 background-color: #B22B59;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F75223), top(#FD9423));
 background-image: -webkit-linear-gradient(top, #F75223, #FD9423);
 background-image: -moz-linear-gradient(top, #F75223, #FD9423);
 background-image: -ms-linear-gradient(top, #F75223, #FD9423);
 background-image: -o-linear-gradient(top, #F75223, #FD9423);
 background-image: linear-gradient(to bottom, #F75223, #FD9423);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F75223, endColorstr=#FD9423);
}

div.formbtn p.grn button {
	border:1px solid #138F4D;
 background-color: #0E6FBE;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#1AB367), to(#0F7439));
 background-image: -webkit-linear-gradient(top, #1AB367, #0F7439);
 background-image: -moz-linear-gradient(top, #1AB367, #0F7439);
 background-image: -ms-linear-gradient(top, #1AB367, #0F7439);
 background-image: -o-linear-gradient(top, #1AB367, #0F7439);
 background-image: linear-gradient(to bottom, #1AB367, #0F7439);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1AB367, endColorstr=#0F7439);
}
div.formbtn p.grn button:hover{
 background-color: #084495;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#0F7439), top(#1AB367));
 background-image: -webkit-linear-gradient(top, #0F7439, #1AB367);
 background-image: -moz-linear-gradient(top, #0F7439, #1AB367);
 background-image: -ms-linear-gradient(top, #0F7439, #1AB367);
 background-image: -o-linear-gradient(top, #0F7439, #1AB367);
 background-image: linear-gradient(to bottom, #0F7439, #1AB367);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#0F7439, endColorstr=#1AB367);
}

div.formbtn p.red button {
	border:1px solid #800000;
	background-color: #8b0000;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cd5c5c), to(#8b0000));
	background-image: -webkit-linear-gradient(top, #cd5c5c, #8b0000);
	background-image: -moz-linear-gradient(top, #cd5c5c, #8b0000);
	background-image: -ms-linear-gradient(top, #cd5c5c, #8b0000);
	background-image: -o-linear-gradient(top, #cd5c5c, #8b0000);
	background-image: linear-gradient(to bottom, #cd5c5c, #8b0000);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cd5c5c, endColorstr=#8b0000);
}
div.formbtn p.red button:hover{
	background-color: #084495;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#8b0000), top(#cd5c5c));
	background-image: -webkit-linear-gradient(top, #8b0000, #cd5c5c);
	background-image: -moz-linear-gradient(top, #8b0000, #cd5c5c);
	background-image: -ms-linear-gradient(top, #8b0000, #cd5c5c);
	background-image: -o-linear-gradient(top, #8b0000, #cd5c5c);
	background-image: linear-gradient(to bottom, #8b0000, #cd5c5c);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8b0000, endColorstr=#cd5c5c);
}
.Tblform th span {
    color: #FF0000;
    font-size: 1.15em;
    margin-left: 0.5em;
}
/* head_social
--------------------------------------*/
#socialbuttons_header {
position: absolute;
    top: 2px;
    right: 312px;
}

.social {
    margin-bottom: 20px;
    margin-top: 8px;
    text-align: center;
}
.social li {
    display: inline-block;
    margin-right: 5px;
    position: relative;
}

.social__balloon {
    background: url("/common/images/social_btn/balloon_center.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 44px;
    left: 0;
    position: absolute;
    text-align: center;
    top: -41px;
    width: 100%;
    z-index: 100;
}
.social__balloon-target {
    cursor: pointer;
}
.social__balloon-close {
    cursor: pointer;
    position: absolute;
    right: -19px;
    top: -7px;
}
.social__balloon-close:hover {
    opacity: 0.7;
}
.social__balloon-left {
    float: left;
    margin-left: -16px;
}
.social__balloon-right {
    float: right;
    margin-right: -16px;
}
.social__balloon-arrow {
    bottom: 4px;
    position: absolute;
    text-align: center;
}
.social__balloon iframe {
    left: 0;
    position: absolute;
}
.social__balloon > div {
    left: 0;
    position: absolute;
}
.social__balloon--facebook {
    left: -16px;
    width: 100px;
}
.social__balloon--facebook iframe {
    margin-top: 7px;
    max-width: 150px;
}
.social__balloon--facebook .social__balloon-arrow {
    left: 24px;
}
.social__balloon--google {
    left: -26px;
    width: 100px;
}
.social__balloon--google .social__balloon-arrow {
    left: 33px;
}
.social__balloon--google iframe {
    margin-top: 7px !important;
}
.social__balloon--hatebu {
    left: -80px;
    width: 100px;
}
.social__balloon--hatebu iframe {
    margin-top: 7px;
}
.social__balloon--hatebu .social__balloon-arrow {
    left: 87px;
}

?>