@charset "utf-8";
/* CSS Document */

/*======= CONTENTS ====================

	updated:2008,9/12
	
	 1:property resset
	 2:common tools
	 3:layout
	
===================================== */



/****************************************************************	
 property resset
****************************************************************/
html { margin:0; padding:0; width:100%; height:100%; }
body { margin:0; padding:0; width:100%; height:100%; background-color:#fff; color:#333; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; text-align:center; background:#ffde49 url(../images/common/bg_main_top.jpg) repeat-x left top; }

p, h1, h2, h3, h4, h5, h6, a { margin: 0px; padding: 0px; font-weight: normal; font-size:100%; }
p { font-size:85%; }

img { border: 0; }

a, a:link, a:visited, a:active { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #333; }

/****************************************************************	
 common tools
****************************************************************/
.stxt { font-size:70%; line-height:130%; }
.mtxt { font-size:80%; line-height:130%; }
.ltxt { font-size:90%; line-height:130%; }
.mtxt .stxt { font-size:85%; }

.stxtL { font-size:70%; line-height:170%; }
.mtxtL { font-size:80%; line-height:170%; }
.ltxtL { font-size:90%; line-height:170%; }
.mtxtL .stxtL { font-size:85%; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.clear { clear: both; }

.ml10 { margin-left:10px; !important}
.mr10 { margin-right:10px; !important}
.mb3  { margin-bottom:3px; !important}
.mb5  { margin-bottom:5px; !important}
.mb10 { margin-bottom:10px; !important}
.mb15 { margin-bottom:15px; !important}
.mb20 { margin-bottom:20px; !important}
.mb30 { margin-bottom:30px; !important}

.pb3  { padding-bottom:3px; !important}
.pb5  { padding-bottom:5px; !important}
.pb10 { padding-bottom:10px; !important}
.pb15 { padding-bottom:15px; !important}
.pb20 { padding-bottom:20px; !important}
.pb30 { padding-bottom:30px; !important}

.p10 { padding:10px; !important}


.type680 { width:680px; margin:0 auto;}
/****************************************************************	
 clearfix
****************************************************************/
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

/* WinIE7 only */
*:first-child+html .clearfix {
	height:1%;
}

/* WinIE6 and below */
/*\*/
* html .clearfix {
	height:1%;
}
/**/

/* MacIE only */
/*\*//*/
.clearfix {
	display:inline-table;
}
/**/
.iepngfix{
behavior: url(resource/script/iepngfix.htc);
}

/****************************************************************	
 layout
****************************************************************/
div#wrapper {
width:100%;
padding:0;
text-align:left;
background:#FFF url(../images/common/bg_main_top.jpg) repeat-x;
}

/* Header */
div#header {
width:860px;
margin:0px 0px 0px 40px;
height:324px;
text-align:center;
}
div#logo {
	float:left;
	width:444px;
	height:66px;
	padding-top:11px;
}
div#telInfo {
	float:right;

}
/* Footer */
div#footer {
clear:both;
width:100%;
height:100px;
padding-bottom:100px;
background:#ffde49 url("../images/common/bg_main_bottom.gif") repeat-x;
text-align:center;
}
div#footerIn {
width:863px;
text-align:right;
margin:0 0 0 40px;
}
div#footerPos {
position:absolute;
left:0;
}
div#footerPosIn {
width:863px;
position:absolute;
left:40px;
}
div#footerPos p.suikyo {
width:230px;
height:180px;
top:-30px;
left:-5px;
position:absolute;
}
div#footerPos div#footerMenu {
width:621px;
height:60px;
text-align:center;
background:url("../images/common/bg_footer.gif") no-repeat;
top:0;
right:0;
position:absolute;
}
div#footerMenu p.footMenu {
text-align:center;
padding-top:12px;
font-size:10px;
}
div#footerMenu p.footMenu a {
color:#ffde49;
font-weight:bold;
}
div#footerMenu p.copy {
text-align:center;
padding-top:4px;
color:#FFF;
font-size:10px;
}

/****************************************************************	
 headerMenu
****************************************************************/

div#headerMenu {
height:20px;
padding-top:9px;
text-align:right;
}
div#headerMenu p {
color:#FFF;
line-height:1;
font-size:12px;
}
div#headerMenu p a {
color:#FFF;
}
/****************************************************************	
 splash
****************************************************************/

div#TOPIMAGE {
padding:0;
height:295px;
display:block;
position:absolute;
left:0;
}
div#splash {
padding:0;
width:860px;
height:295px;
display:block;
left:40px;
position:absolute;
margin:0;
background:url("../images/index/splash.jpg") no-repeat 50% 100%;
}
div#splash h1 {
padding:0;
width:264px;
height:164px;
position:absolute;
margin:0;
line-height:1;
top:8px;
left:-22px;
}
div#splash p {
padding:0;
width:207px;
height:208px;
position:absolute;
margin:0;
line-height:1;
top:150px;
left:15px;
}


/****************************************************************	
 maincont
****************************************************************/
div#maincont {
clear:both;
width:863px;
margin:0 0 0 40px;
}
div#maincontIn {
clear:both;
width:728px;
padding:0 22px 20px 23px;
}
div#maincont h2 {
padding-bottom:7px;
margin:0 auto;
clear:both;
}


/****************************************************************	
 sideBtn
****************************************************************/
div#sideBtn {
padding-top:64px;
width:225px;
float:left;
}

/****************************************************************	
 main
****************************************************************/
div#main {
width:386px;
padding-top:2px;
padding-bottom:20px;
float:left;
}
div#main h2 {
padding:0;
margin:0;
}
div#main .noticeSpace {
width:386px;
background:url("../images/index/bg_notice.jpg") repeat-y;
}
div#main .noticeSpaceBottom {
width:386px;
padding-bottom:19px;
background:url("../images/index/bg_notice_bottom.jpg") no-repeat 0% 100%;
}
div#main .noticeSpaceIn {
width:386px;
height:191px;
padding-bottom:4px;
background:url("../images/index/bg_notice_top.jpg") no-repeat 0% 0%;
}
div#main .noticeSpaceIn table.announce {
width:310px;
margin:0 auto;
padding:0;
}
div#main .noticeSpaceIn table.announce th {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
width:80px;
font-size:12px;
margin:0;
padding:5px 0;
border-top:1px dotted #333;
clear:both;
font-weight:normal;
text-align:left;
vertical-align:top;
line-height:1.2;
}
div#main .noticeSpaceIn table.announce td {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
width:230px;
font-size:12px;
margin:0;
border-top:1px dotted #333;
padding:5px 0;
vertical-align:top;
line-height:1.2;
}
div#main .noticeSpaceIn table.announce th.none,
div#main .noticeSpaceIn table.announce td.none {
border-top:none;
}
div#main .noticeSpaceIn table.announce td a {
color:#3366FF;
}
div#main .noticeSpaceIn p.right {
float:none;
margin:0;
padding:0 40px 0 0;
width:auto;
clear:both;
}

/****************************************************************	
 login
****************************************************************/
div#login {
width:248px;
padding-top:17px;
padding-bottom:20px;
float:left;
}
div#login h2 {
padding:0;
margin:0;
}
div#login .loginSpace {
width:248px;
background:url("../images/index/bg_login.jpg") repeat-y;
}
div#login .loginSpaceBottom {
width:248px;
padding-bottom:11px;
background:url("../images/index/bg_login_bottom.jpg") no-repeat 0% 100%;
}
div#login .loginSpaceIn {
width:248px;
height:203px;
padding-bottom:4px;
background:url("../images/index/bg_login_top.jpg") no-repeat 0% 0%;
}
div#login input{
width:198px;
margin:0 auto 6px;
padding:2px;
}
div#login p.hd{
padding-bottom:4px;
line-height:1;
}
div#login p.center{
font-size:10px;
padding:5px 0;
line-height:1;
}
div#login p.center a {
color:#3366FF;
text-decoration:underline;
}
div#login p.center a:hover {
text-decoration:none;
}

/****************************************************************	
 nowLogin
****************************************************************/
.nowLogin{
width:202px;
height:179px;
margin:0 auto;
padding:8px 0;
}
.nowLogin form{
padding:0;
margin:0;
}
/****************************************************************	
 nowLoginAfter
****************************************************************/
.nowLoginAfter{
width:202px;
height:179px;
margin:0 auto;
padding:8px 0;
}
div#login .nowLoginAfter p.center{
font-size:10px;
padding:12px 0;
line-height:1;
}
.nowLoginAfter form {
padding:0;
margin:0;
}