@charset "utf-8";

/*
------------------------------------------------
Gloval Reset
------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,textarea,table,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;border: none;empty-cells:show;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var,strong{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
li,dl{list-style:none;}
hr {display: none;}
img {vertical-align:bottom;border: none;}
a{text-decoration:underline;color:#007F92;outline:none;}
a:hover{text-decoration:none;color:#007F92;}

/*
------------------------------------------------
Text SET
------------------------------------------------*/
dt,dd,li,pre,p,blockquote,th,td,address{font-size:12px;line-height:1.5;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;line-height:1.5;color:#333333;}

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

/*
------------------------------------------------
Frame Layout
------------------------------------------------*/

#bg {
	/*background: url(../img/bg_body.jpg) repeat-x left top;*/
	background: url(../images/head/head_back.gif) top repeat-x;
	width: 100%;
}
#bg #wrap {
	margin: 0px auto;
	width: 900px;
}

#bg #wrap #main {
	margin: 0px;
	width: 900px;
	padding: 18px 0px 40px;
}
#bg #wrap #main #contents {
	float: right;
	width: 610px;
	padding-right: 52px;
}
#top #bg #wrap #main #contents,
#cat #bg #wrap #main #contents {
	float: right;
	width: 700px;
	padding-right: 0px;
}
#bg #wrap #main .sidearea {
	float: left;
	width: 185px;
}


/*
------------------------------------------------
Header Layout
------------------------------------------------*/


#bg #wrap #header {
	height: 192px;
	width: 900px;
	position: relative;
}
#bg #wrap #header h1 {
	width: 500px;
	position: absolute;
	left: 0px;
	top: 125px;
}
#bg #wrap #header h2 {
	position: absolute;
	height: 60px;
	width: 230px;
	left: 0px;
	top: 36px;
}
#bg #wrap #header #headerbnr {
	position: absolute;
	height: 62px;
	width: 262px;
	left: 257px;
	top: 35px;
}
#bg #wrap #header .loginbox {
	width: 380px;
	margin-left: 520px;
}
#bg #wrap #header .loginbox .loginid {
	position: absolute;
	top: 16px;
	right: 150px;
	text-align: right;
	width: 150px;
}
#bg #wrap #header .loginbox input {
	width: 70px;
}
#bg #wrap #header .loginbox .loginpass {
	position: absolute;
	right: 0;
	top: 16px;
	width: 145px;
	text-align: right;
}
#bg #wrap #header .loginbox .loginbt {
	text-align: right;
	padding-top: 40px;
	padding-bottom: 6px;
	width: 100%;
}
#bg #wrap #header .loginbox .loginbt input {
	width: 80px;
	height: 20px;
}
#bg #wrap #header .loginbox .loginnotice {
	width: 285px;
	position: absolute;
	top: 43px;
	right: 95px;
	text-align: right;
}
#bg #wrap #header .loginbox .logintxt {
	text-align: right;
	width: 380px;
	position: absolute;
	right: 0px;
	top: 16px;
}
#bg #wrap #header .loginbox .logintxt span {
	font-weight: bold;
	color: #EB5C03;
}
#bg #wrap #header .loginbox .memberadd {
	text-align: right;
}
#bg #wrap #header #mainnavi {
	position: absolute;
	height: 44px;
	width: 900px;
	left: 0px;
	top: 148px;
}
#bg #wrap #header #mainnavi li {
	float: left;
	height: 44px;
	width: 120px;
}
#bg #wrap #header #mainnavi #mli07 {
		width: 180px;
}
#bg #wrap #header #mainnavi li a {
	background-image: url(../img/bt_header_mainnavi.jpg);
	background-repeat: no-repeat;
	display:block;
	text-indent: -9999px;
	width: 120px;
	height:38px;
	padding-top: 6px;
	text-decoration: none;
}
#bg #wrap #header #mainnavi li a:hover {
	background-image: url(../img/bt_header_mainnavi_on.jpg);
	background-repeat: no-repeat;
}
#bg #wrap #header #mainnavi #mli01 a,
#bg #wrap #header #mainnavi #mli01 a:hover {
	background-position: 0px 0px;
}
#bg #wrap #header #mainnavi #mli02 a,
#bg #wrap #header #mainnavi #mli02 a:hover  {
	background-position: -120px 0px;
}
#bg #wrap #header #mainnavi #mli03 a,
#bg #wrap #header #mainnavi #mli03 a:hover  {
	background-position: -240px 0px;
}
#bg #wrap #header #mainnavi #mli04 a,
#bg #wrap #header #mainnavi #mli04 a:hover  {
	background-position: -360px 0px;
}
#bg #wrap #header #mainnavi #mli05 a,
#bg #wrap #header #mainnavi #mli05 a:hover  {
	background-position: -480px 0px;
}
#bg #wrap #header #mainnavi #mli06 a,
#bg #wrap #header #mainnavi #mli061 a:hover  {
	background-position: -600px 0px;
}
#bg #wrap #header #mainnavi #mli07 a,
#bg #wrap #header #mainnavi #mli07 a:hover  {
	background-position: -720px 0px;
	width: 180px;
	height:44px;
	padding-top: 0px;
}


#bg #wrap #header #subnavi {
	height: 28px;
	width: 515px;
	position: absolute;
	top: 116px;
	right: 0px;
}
#bg #wrap #header #subnavi li {
	float: left;
	height: 28px;
}
#bg #wrap #header #subnavi li a {
	background-image: url(../img/bt_header_subnavi.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	height: 28px;
	display: block;
}
#bg #wrap #header #subnavi li a:hover {
	background-image: url(../img/bt_header_subnavi_on.gif);
	background-repeat: no-repeat;
}
#bg #wrap #header #subnavi #sli01 a,
#bg #wrap #header #subnavi #sli01 a:hover {
	width: 116px;
	background-position: 0px 0px;
}
#bg #wrap #header #subnavi #sli02 a,
#bg #wrap #header #subnavi #sli02 a:hover {
	width: 136px;
	background-position: -116px 0px;
}
#bg #wrap #header #subnavi #sli03 a,
#bg #wrap #header #subnavi #sli03 a:hover {
	width: 170px;
	background-position: -252px 0px;
}
#bg #wrap #header #subnavi #sli04 a,
#bg #wrap #header #subnavi #sli04 a:hover {
	width: 93px;
	background-position: -422px 0px;
}

/*
------------------------------------------------
Footer Layout
------------------------------------------------*/

#bg #wrap #footer {
	width: 900px;
	clear: both;
}
.gotop {
	text-align: right;
	padding-right: 25px;
}
#footer .gotop {
	padding-bottom: 10px;
}
#footer .footertxt {
	background: url(../img/bg_footer.gif) repeat-x 0 0;
	text-align: center;
	padding: 20px 0px 8px;
}
#footer address {
	text-align: center;
	padding-bottom: 45px;
}
#bg #wrap #footer .footertxt a {
	color: #333333;
	text-decoration: none;
}

/*
------------------------------------------------
Side area Layout
------------------------------------------------*/


.sidearea #campaign01 {
	padding: 1px;
	width: 181px;
	border: 1px solid #E8E8E8;
	margin-bottom: 13px;
}
.sidearea #campaign01 #campaignbt {
	background: url(../img/bg_side_campaign01.jpg) no-repeat 0px 0px;
	text-align: center;
	height: 40px;
	width: 181px;
}
.sidearea #sidecat {
	width: 160px;
	padding-top: 15px;
	padding-right: 14px;
	padding-left: 9px;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	margin-bottom: 18px;
}
.sidearea #sidecat ul {
	margin-bottom: 15px;
}
.sidearea #sidecat .cat01 a {
	font-weight: bold;
	color: #007AC4;
	background: url(../img/ic_side_cat01.gif) no-repeat 0em 0.1em;
	padding-left: 16px;
	text-decoration: none;
}
.sidearea #sidecat .cat02 a {
	font-weight: bold;
	color: #007F92;
	background: url(../img/ic_side_cat02.gif) no-repeat 0em 0.1em;
	padding-left: 16px;
	text-decoration: none;
}
.sidearea #sidecat .cat03 a {
	font-weight: bold;
	color: #B0D01A;
	background: url(../img/ic_side_cat03.gif) no-repeat 0em 0.1em;
	padding-left: 16px;
	text-decoration: none;
}
.sidearea #sidecat .cat04 a {
	font-weight: bold;
	color: #F29206;
	background: url(../img/ic_side_cat04.gif) no-repeat 0em 0.1em;
	padding-left: 16px;
	text-decoration: none;
}
.sidearea #sidecat .cat01 a:hover,
.sidearea #sidecat .cat02 a:hover,
.sidearea #sidecat .cat03 a:hover,
.sidearea #sidecat .cat04 a:hover {
	text-decoration: underline;
}

.sidearea #sidecat li ul {
	padding-left: 16px;
	padding-top: 4px;
}
.sidearea #sidecat .cat01 ul li  {
	background: url(../img/ic_side_cat01_ch.gif) no-repeat 0em 0.5em;
	padding-left: 12px;
	padding-top: 2px;
}
.sidearea #sidecat .cat02 ul li  {
	background: url(../img/ic_side_cat02_ch.gif) no-repeat 0em 0.5em;
	padding-left: 12px;
	padding-top: 2px;
}
.sidearea #sidecat .cat03 ul li  {
	background: url(../img/ic_side_cat03_ch.gif) no-repeat 0em 0.5em;
	padding-left: 12px;
	padding-top: 2px;
}
.sidearea #sidecat .cat04 ul li  {
	background: url(../img/ic_side_cat04_ch.gif) no-repeat 0em 0.5em;
	padding-left: 12px;
	padding-top: 2px;
}

.sidearea #sidecat .cat01 ul li a,
.sidearea #sidecat .cat02 ul li a,
.sidearea #sidecat .cat03 ul li a,
.sidearea #sidecat .cat04 ul li a {
	padding-left: 0px;
	font-weight: normal;
	color: #007F92;
	text-decoration: underline;
	background: none;
}
.sidearea #sidecat .cat01 ul li a:hover,
.sidearea #sidecat .cat02 ul li a:hover,
.sidearea #sidecat .cat03 ul li a:hover,
.sidearea #sidecat .cat04 ul li a:hover {
	text-decoration: none;
}
.sidearea .sidelist {
	padding: 15px 14px 12px 9px;
	width: 160px;
	border-right: 1px solid #E8E8E8;
	border-bottom: 1px solid #E8E8E8;
	border-left: 1px solid #E8E8E8;
	margin-bottom: 18px;
}
.sidearea .sidelist li {
	background: url(../img/ic_sidelist.gif) no-repeat 0em 0.4em;
	padding-bottom: 2px;
	padding-left: 16px;
}
.sidearea #sidecard {
	background: url(../img/line_dot_gry.gif) repeat-x 0px 0px;
	width: 180px;
	padding-left: 5px;
	padding-top:12px;
	padding-bottom: 10px;
}
.sidearea #sidecard li {
	float: left;
	width: 38px;
	padding: 0 10px 2px;
}
.sidearea #sidebnr {
	/* background: url(../img/line_dot_gry.gif) repeat-x 0px 0px; */
	text-align: center;
	/* padding-top: 20px; */
	clear: left;
	padding-bottom: 20px;
}
.sidearea .sidebnr02 {
	text-align: center;
}
.subsidebnr {
	margin-bottom: 8px;	
}

#bg #wrap #main .sidearea #sidelogo {
	padding: 10px;
	width: 150px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}
/*
------------------------------------------------
Common Parts Layout
------------------------------------------------*/

.mb40 {
	margin-bottom: 40px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb10 {
	margin-bottom: 10px;
}


.pankuz {
	margin-bottom: 15px;
	color:#134685 
}

.pankuz a:link ,
.pankuz a:visited {
	color:#666666; 
	text-decoration:none;
}

.pankuz a:hover,
.pankuz a:active {
	color:#134685; 
	text-decoration:underline;
}
.pink {
	color: #EF889C;
}


/*
------------------------------------------------
Static Page Layout
------------------------------------------------*/

#sbg {
	width: 640px;
}

#sbg #main {
	margin-top: 10px;
	margin-right: 25px;
	margin-bottom: 10px;
	margin-left: 25px;
}

#sbg #main #static-page h4 {
	font-weight: bold;
	color: #0570A7;
	background: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin: 0px;
}

#sbg #main #static-page p {
	padding-left: 15px;
}

#sbg .cattitle {
	font-size: 14px;
	color: #FFFFFF;
	background: url(../img/bg_subcat_title.gif) no-repeat 0px 0px;
	margin: 0px 0px 25px;
	padding: 9px 0px 0px 39px;
	height: 27px;
	width: 610px;
	border-style: none;
	line-height: 1.5;
}

/*
------------------------------------------------
cation
------------------------------------------------*/
 .cation {
       float: left;
	padding: 15px 20px;
	width: 660px;
	border: 1px solid #68A9CF;
	clear: both;
	margin-bottom: 40px;
}
 .cation p {
	margin: 0px;
}
 .cation p.notice {
	text-indent: -12px;
	margin-left: 15px;
}

/*
------------------------------------------------
cation2
------------------------------------------------*/
 .cation2 {
       float: left;
	padding: 15px 20px;
	width: 660px;
	border: 1px solid #FF0000;
	clear: both;
	margin-bottom: 40px;
}
 .cation2 p {
	margin: 0px;
}
 .cation2 p.notice {
	text-indent: -12px;
	margin-left: 15px;
}
.cation2 p.kyoucho {
        
	text-indent: -12px;
	margin-left: 30px;	
        color: #F29206;
	font-size: large;
	font-weight: bold;
}


/*
------------------------------------------------
cation3
------------------------------------------------*/
 .cation3 {
       float: left;
	padding: 15px 20px;
	width: 560px;
	border: 2px solid #FF0000;
	clear: both;
	margin-bottom: 40px;
}
 .cation3 p {
	margin: 0px;
}
 .cation3 p.notice {
	text-indent: -12px;
	margin-left: 15px;
}




/*エラー ---------*/
.error {margin:3px 0 0 10px; font-size:90%; color:#FF6C00; font-weight:bold; line-height:1.5em !important;} 

.top-sp {margin-top:10px !important;}
.bottom-sp {margin-bottom:10px !important;}

/*MacIEform文字化け対策 -------------------------------------------------*/
textarea, select, input { font-family : sans-serif,osaka; }

/* モダンブラウザ（Firefox Opera Safari）対策 clearfix */
.clearfix:after{
      content:".";
       display:block;
       height:0px;
       clear:both;
       visibility:hidden;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{ display:inline-block; }

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html .clearfix{ height:1px; }

.clearfix{ display:block; }
/* End hide from IE-mac */





div#header1002 h1,
div#header1002 p,
div#header1002 ul,
div#header1002 form,
div#header1002 label,
div#header1002 ul,
div#header1002 li ,
div#header1002 a ,
div#header1002 img {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
	font-family: sans-serif;
	line-height: 1;
	list-style: none;
}