/* global */

/* ============================================= */
/* basic */
/* linkcolor */
/* header */
/* loginarea */
/* maincontents */
/* submenu */
/* footer */
/* ============================================= */

/* basic */
/*
* {font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS P Gothic",sans-serif;}
*/
* {font-family:"ＭＳ Ｐゴシック", "Osaka－等幅",sans-serif;}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,input,select,textarea {
	margin:0px;
	padding:0px;
}
body {
	margin:0px;
	padding:0px;
	background-image:url(/images/cm_body_bg.jpg);
	text-align:center;
	color:#333333;
}
li {list-style-type:none;}
img,table,td,th {border:0;}
img {vertical-align:bottom;}
#mainstage {
	width:910px;
	margin:0px auto;
}
#mainstage_bg {
	background-image:url(/images/top_img/cm_body_bgtop.jpg);
	background-repeat:repeat-x;
	background-position:center top;
}
h1,h2,h3,h4,h5,h6 {}
dd,table,td,div,span,p,textarea{
       word-break:break-all;
/*	   line-break:strict;
	overflow:auto;
*/
}

/* linkcolor */
a:link {color:#1188aa; text-decoration:underline;}
a:visited {color:#1188aa; text-decoration:underline;}
a:hover {color:#11bbee; text-decoration:none;}
a:active {color:#11bbee; text-decoration:none;}

a.btnbk:link {color:#333333; text-decoration:none;}
a.btnbk:visited {color:#333333; text-decoration:none;}
a.btnbk:hover {color:#666666; text-decoration:none;}
a.btnbk:active {color:#000000; text-decoration:none;}

.linkbk a:link {color:#333333; text-decoration:none;}
.linkbk a:visited {color:#333333; text-decoration:none;}
.linkbk a:hover {color:#666666; text-decoration:none;}
.linkbk a:active {color:#000000; text-decoration:none;}

#footerarea a:link {color:#333333; text-decoration:underline;}
#footerarea a:visited {color:#333333; text-decoration:underline;}
#footerarea a:hover {color:#666666; text-decoration:none;}
#footerarea a:active {color:#000000; text-decoration:none;}

.sexyButton {
  display:      block;
  float:        left;
  outline:      0;
  padding:      0;
  border:       0;
  color:        #FFF;
  font-size:    12px;
  font-family:  Arial, Helvetica, sans-serif;
  text-decoration:  none;
  background:   url(bg_button.gif) 0 0 no-repeat;
}
.sexyButton span {
  display:      block;
  position:     relative;
  padding:      10px 15px;
  background:   url(end_button.gif) right 0 no-repeat;
}
.sexyButton:hover {
  background:   url(bg_button.gif) 0 -35px no-repeat;
}
.sexyButton:hover span {
  background:   url(end_button.gif) right -35px no-repeat;
}



/* header */
#headerarea {
	width:910px;
	height:185px;
	background-image:url(/images/top_img/cm_header_bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	position: relative;
	z-index: 1000;
}
#headercontents {
	width:900px;
	margin:0px auto;
	position:relative;
	text-align:left;
}
/*
h1#head_logo {
	width:432px;
	height:105px;
	float:left;
}*/
#head_logoarea {
	width:432px;
	height:105px;
	float:left;
	position:relative;
}
#head_description {
	position:absolute;
	top:60px;
	left:2px;
	color:#666666;
}
#head_banner {
	width:468px;
	height:60px;
	float:right;
}
#head_detail {
	width:468px;
	margin-top:15px;
	float:right;
	text-align:right;
}
#head_detail p {
	float:left;
	width:200px;
	text-align:right;
	margin:0px 10px 0px 0px;
}
#head_detail ul {
	height:20px;
	line-height:20px;
	vertical-align:middle;
}
#head_detail li {
	/*display:inline;*/
	display:block;
	float:left;
}
#head_detail li.guide img {
	margin:0px 10px 0px 5px;
}
#headermenu {
	clear:both;
}
#headermenu li {
	display:inline;
}
.headersearch_title {
	float:left;
}
.headersearch_form {
	float:left;
	/*height:22px;
	margin:4px 5px 4px 0px;*/
	margin:4px 0px 4px 0px;
}
.headersearch_form2 {
	float:left;
	/*height:16px;*/
	margin:4px 5px 4px 0px;
}
.headersearch_btn {
	float:left;
	margin:2px 4px 2px 0px;
}

/* loginarea */
#loginpanel {
	width:240px;
	background-image:url(/images/cm_login_bg01.gif);
	background-position:center top;
	background-repeat:repeat-y;
	text-align:center;
	position:absolute;
	top:100px;
	right:15px;
	z-index:5;
}
#loginpanel_body {
	margin:0px auto;
	width:170px;
}
#loginpanel_body dl {
	width:170px;
	padding:10px 0px;
	text-align:left;
}
#loginpanel_body p {
	width:170px;
	text-align:left;
}
#loginpanel_body p.btn {
	padding:10px 0px;
}
#loginpanel_body input.textform {
	width:165px;
}


#loginnow {
	width:280px;
	height:70px;
	background-image:url(/images/cm_loginnow_bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	top:100px;
	right:15px;
	z-index:2;
}
#loginnow .loginnow_body {
	padding:9px;
}
#loginnow dt {
	width:50px;
	height:50px;
	float:left;
	text-align:center;
	vertical-align:middle;
	border:1px solid #cccccc;
}
#loginnow dt img {
	border:1px solid #ffffff;
}
#loginnow dd {
	width:200px;
	margin-left:8px;
	float:left;
	text-align:left;
	line-height:120%;
}
#loginnow dd h4 {
	color:#81be09;
}
#loginnow dd li {
	padding-right:3px;
	display:inline;
}


/* maincontents */
#contentsarea {
	background-image:url(/images/cm_contents_bg.gif);
	background-position:center top;
	background-repeat:repeat-y;
	width:910px;
}
#maincontents {
	width:680px;
	float:left;
}
#maincontents_body {
	width:650px;
	margin:10px 10px 10px 20px;
	text-align:left;
}
#centercontents {
	width:650px;
	margin:0px auto;
	padding:10px 0px;
	text-align:left;
}


/* submenu */
#submenu {
	float:left;
}
#submenu_body {
	width:210px;
	margin:10px 0px 10px 0px;
}
.sub_about {
	margin-bottom:6px;
}
.sub_regist {}
.sub_text {
	margin-bottom:6px;
	text-align:left;
}
.subcontents {
	background-image:url(/images/sub_menu_bg01.gif);
	background-position:center top;
	background-repeat:repeat-y;
}
.subcontents2 {
	padding:10px;
	background-image:url(/images/sub_menu_bg02.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.bannerarea {
	padding:3px 10px 8px;
	background-color:#efefef;
	background-image:url(/images/sub_menu_bg03.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}
.bannerarea img {
	margin:5px 0px 0px;
}



/* footer */
#footerarea {
	width:910px;
	height:102px;
	background-image:url(/images/top_img/cm_footer_bg.gif);
	background-position:center top;
	background-repeat:no-repeat;
	text-align:center;
	clear:both;
}
#footercontents {
	width:900px;
	margin:0px auto;
}
.footermenu {
	float:left;
	margin:55px 0px 0px 0px;
	padding-left:20px;
	line-height:36px;
}
address {
	float:right;
	width:320px;
	height:36px;
	margin:55px 0px 0px 0px;
}

/*ポップアップヘルプ*/
#bubble_tooltip1,#bubble_tooltip2{
	width:330px;position:absolute;display:none;
	z-index: 1001;text-align: left;
}
#bubble_tooltip1 .bubble_top1 , #bubble_tooltip2 .bubble_top2{
	background-image: url("/images/bubble_top.gif");
	background-repeat:no-repeat;height:15px;	
	z-index: 1001;
}
#bubble_tooltip1 .bubble_middle1 , #bubble_tooltip2 .bubble_middle2{
	background-image: url("/images/bubble_middle.gif");
	background-repeat:repeat-y;	background-position:bottom left;
	padding-left:7px;padding-right:7px;
	z-index: 1001;
}
#bubble_tooltip1 .bubble_middle1 span,#bubble_tooltip2 .bubble_middle2 span{
	position:relative;top:-8px;
	font-size:12px;z-index: 1001;
}
#bubble_tooltip1 .bubble_bottom1{
	background-image: url("/images/bubble_bottom.gif");
	background-repeat:no-repeat;
	height:20px;
	position:relative;
	top:-6px;
	z-index: 1001;
}
#bubble_tooltip2 .bubble_bottom2{
	background-image: url("/images/bubble_bottom2.gif");
	background-repeat:no-repeat;
	height:20px;
	position:relative;
	top:-6px;
	z-index: 1001;
}


/*ポップアップヘルプ2*/
#bubble_tooltip_t1,#bubble_tooltip_t2{
	width:280px;position:absolute;z-index:1001;text-align:left;display:none;
	word-break:break-all;
	overflow:visible;
}
.bubble_m{
	background-color:#FFFFFF;
}
.bubble_b_l{
	/*width:266px;*/
	background-image: url("/images/bubble/bubble_b_l.gif");
	background-repeat:no-repeat;
	height:14px;z-index: 1001;
}
.bubble_b_r{
	/*width:266px;*/
	background-image: url("/images/bubble/bubble_b_r.gif");
	background-repeat:no-repeat;
	background-position: right;
	height:14px;z-index: 1001;
}
.bubble_t{
	/*width:266px;*/
	background-image: url("/images/bubble/bubble_t.gif");
	background-repeat:repeat-x;height:7px;z-index: 1001;
}
.bubble_l{
	width:7px;
	background-image: url("/images/bubble/bubble_l.gif");
	background-repeat:repeat-y;width:7px;z-index: 1001;
}
.bubble_r{	
	width:7px;
	background-image: url("/images/bubble/bubble_r.gif");
	background-repeat:repeat-y;width:7px;z-index: 1001;
}
.bubble_lt{
	width:7px;height:7px;
	background-image: url("/images/bubble/bubble_lt.gif");
	background-repeat:no-repeat;width:7px;height:7px;z-index: 1001;
}
.bubble_rt{
	width:7px;height:7px;
	background-image: url("/images/bubble/bubble_rt.gif");
	background-repeat:no-repeat;width:7px;height:7px;z-index: 1001;
}
.bubble_lb{
	width:7px;height:14px;
	background-image: url("/images/bubble/bubble_lb.gif");
	background-repeat:no-repeat;width:7px;height:7px;z-index: 1001;
}
.bubble_rb{
	width:7px;height:14px;
	background-image: url("/images/bubble/bubble_rb.gif");
	background-repeat:no-repeat;width:7px;height:7px;z-index: 1001;
}


/* 080416：お知らせ用コラム */
div.infocolumn {
	width:210px;
	margin-top:10px;
}
div.infocolumn_tit_bg {
	background-image:url(/images/infocolumn_bgtop.gif);
	background-repeat:no-repeat;
	background-position:0% 0%;
	text-align:left;
}
div.infocolumn_tit {
	width:200px;
	border-bottom:1px solid #c9c9c9;
	margin:0px 5px;
	color:#333333;
}
.infocolumn_tit_det {
	padding:15px 10px 10px;
	line-height:110%;
}
div.infocolumn_cont_bg {
	background-image:url(/images/infocolumn_bg.gif);
	background-repeat:repeat-y;
	background-position:0% 0%;
	text-align:left;
}
div.infocolumn_cont {
	width:200px;
	margin:0px 5px;
	border-bottom:1px dotted #c9c9c9;
}
.infocolumn_cont_det {
	padding:5px 10px;
}
div.infocolumn_cont_btm {
	width:200px;
	margin:0px 5px;
}
div.infocolumn_cont_btm .infocolumn_cont_det {
	padding:5px 10px 0px;
}
div.infocolumn_foot_bg {
	background-image:url(/images/infocolumn_bgbottom.gif);
	background-repeat:no-repeat;
	background-position:0% 100%;
	text-align:right;
}
div.infocolumn_foot {
	width:200px;
	margin:0px 5px;
}
.infocolumn_foot_det {
	padding:10px 10px 15px;
	line-height:110%;
}


/* 080416：お知らせ用コラム詳細 */
div.infocolumn dl {
	margin:0px !important;
	padding:0px !important;
}
div.infocolumn ul {
	margin:0px !important;
	padding:0px !important;
}
.foottext {
	color:#482707;
}
