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


*{
  font-size:12px;
  margin:0; padding:0; border:0;
}
body{
font-family: Meiryo,'メイリオ',"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, Osaka, sans-serif;
width:100%;
font-size:12px;
line-height:16px;
color:#48572b;
}
*body{
font-family: Meiryo,'メイリオ',"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
width:100%;
font-size:12px;
line-height:16px;
color:#48572b;
}

a{color:#e4007f; text-decoration:none;}
a:hover{color:#e4007f; text-decoration:underline;}


.none{display:none;}
.smallText{font-size:10px;}
.orangeText{color:#ff7e00;}
.redText{color:#e4007f;}

table{border-spacing:0; border-collapse:collapse;} 



/*-------------------------------------------------------*/
/*ヘッダ
/*-------------------------------------------------------*/

div#header{width:100%; text-align:center; background:url(../images/common/header_bg.gif); height:85px; overflow:hidden;}
div#headerContainer{margin:0 auto; text-align:left; width:980px; margin-top:4px;}
div#headerContainer a{display:block; float:left;}

a#headerProject{
  background:url(../images/common/main_nav_01.gif) no-repeat;
  width:122px;
  height:46px;
}

a#headerIntroduction{background:url(../images/common/main_nav_02.gif) no-repeat; width:143px; height:35px; margin-top:11px;}
a#headerTest{background:url(../images/common/main_nav_03.gif) no-repeat; width:143px; height:35px; margin-top:11px;}
a#headerCalendar{background:url(../images/common/main_nav_04.gif) no-repeat; width:143px; height:35px; margin-top:11px;}
a#headerAisho{background:url(../images/common/main_nav_05.gif) no-repeat; width:143px; height:35px; margin-top:11px;}
a#headerCampaign{background:url(../images/common/main_nav_06.gif) no-repeat; width:143px; height:35px; margin-top:11px;}
a#headerMedia{background:url(../images/common/main_nav_07.gif) no-repeat; width:143px; height:35px; margin-top:11px;}

a#headerIntroduction:hover,
a#headerTest:hover,
a#headerCalendar:hover,
a#headerAisho:hover,
a#headerCampaign:hover,
a#headerMedia:hover{background-position:0 -35px;}

a#headerProject:hover{
  cursor: pointer;
  background-position: 0 -46px;
}

a#headerProjectOn{background:url(../images/common/main_nav_01.gif) no-repeat bottom; width:122px; height:46px;}
a#headerIntroductionOn{background:url(../images/common/main_nav_02.gif) no-repeat bottom; width:143px; height:35px; margin-top:11px;}
a#headerTestOn{background:url(../images/common/main_nav_03.gif) no-repeat bottom; width:143px; height:35px; margin-top:11px;}
a#headerCalendarOn{background:url(../images/common/main_nav_04.gif) no-repeat bottom; width:143px; height:35px; margin-top:11px;}
a#headerAishoOn{background:url(../images/common/main_nav_05.gif) no-repeat bottom; width:143px; height:35px; margin-top:11px;}
a#headerCampaignOn{background:url(../images/common/main_nav_06.gif) no-repeat bottom; width:143px; height:35px; margin-top:11px;}
a#headerMediaOn{background:url(../images/common/main_nav_07.gif) no-repeat bottom; width:143px; height:35px; margin-top:11px;}


div#headerSubContainer{margin:0 auto; text-align:right; width:988px; color:#FFFFFF; margin-top:5px; font-size:12px;}
div#headerSubContainer a{color:#FFFFFF;}
div#headerSubContainer div{float:right;}

a#headerNote{background:url(../images/common/header_note.gif); width:169px; height:29px; display:block;}
a#headerNote:hover{background-position:bottom;}

div#subHeaderHelp, div#subHeaderRegister, div#subHeaderLogout, div#subHeaderInfo{
text-align:center;
padding-top:6px;
height:20px;
}
div#subHeaderName,{
text-align:center;
padding-top:6px;
height:20px;
}

div#subHeaderHelp{width:80px; background:url(../images/common/header_bg2.gif) no-repeat 5px 8px;}

div#subHeaderLogin{text-align:center;}
div#subHeaderLogin a{background:url(../images/common/header_login.gif) no-repeat; width:76px; height:23px; display:block; padding-top:6px; padding-right:20px;}

div#subHeaderRegister{width:106px; background:url(../images/common/header_bg2.gif) no-repeat 101px 8px;}
div#headerSubContainer span.point{color:#fdd000; font-weight:bold;}
div#subHeaderLogout{width:80px; background:url(../images/common/header_bg2.gif) no-repeat 0px 8px;}
div#subHeaderInfo{width:80px; background:url(../images/common/header_bg2.gif) no-repeat 0px 8px;}
div#subHeaderName{padding-right:10px;padding-top:6px;}

/*-------------------------------------------------------*/
/*ログインボックス
/*-------------------------------------------------------*/
div#loginWrapper{
width:100%;
z-index:1000;
position:absolute;
text-align:center;
display:none;
}
div#loginWrapper div#loginCenter{
width:988px;
text-align:left;
margin:0 auto;
position:relative;
}


div#loginBox{
margin-top:-1px;
width:248px;
position:relative;
top:0;
/* left:657px; */
left:651px;
}
div#loginBoxTop{font-size:0px; width:248px; height:8px; background:url(../images/common/loginboxtop.gif);}
div#loginBoxBtm{font-size:0px; width:248px; height:8px; background:url(../images/common/loginboxbtm.gif);}
div#loginBoxMdl{
width:220px; background-color:#dcedd6;
padding:4px 14px 0 14px;
}
div#loginBoxMdl input{width:218px; border:1px solid #ccc; margin-bottom:11px;}
div#loginBoxMdl .inputTitle, div#loginBoxBottomBoxLeft label{color:#748455; font-size:10px;}
div#loginBoxBottomBoxLeft label{vertical-align:baseline;}
div#loginBoxBottomBoxLeft input{width:auto; margin-right:5px;}

div#loginBoxBottomBox{
width:220px;
}
div#loginBoxBottomBoxLeft{
width:145px;
float:left;
}
div#loginBoxBottomBoxRight{
width:75px;
float:left;
}

div#loginBoxBottomBoxRight a{background:url(../images/common/loginboxbtn.gif); width:75px; height:29px; display:block;}
div#loginBoxBottomBoxRight a:hover{background-position:bottom;}

p.forget{font-size:10px; background:url(../images/common/login_forget_arw.gif) no-repeat 0px 5px; padding-left:9px;}


/*-------------------------------------------------------*/
/*フッターナビ
/*-------------------------------------------------------*/
div#footer{padding-top:20px;}

div.footerline{width:980px; height:1px; background:url(../images/top/kei_bg_white.gif) no-repeat; clear:both; font-size:0;}
div.rightLine{padding:0 11px; border-right:1px solid #e2dfce; float:left; display:block;}
div.rightLineNone{padding:0 11px; border-right:1px solid #ffffff; float:left; display:block;}
div#footerNavi a{font-size:10px; color:#748455; text-decoration:none;}
div#footerNavi a:hover{text-decoration:underline;}
div#footerNaviLeft{float:left;}
div#footerNaviRight{float:right;}
div#footerNavi{padding:10px 0;}

/*-------------------------------------------------------*/
/*コピーライト
/*-------------------------------------------------------*/
div#copyright{float:right; margin-top:13px; margin-bottom:20px;}
div#copyright div.linkLine{font-size:10px; color:#748455; padding:0 11px; border-right:1px solid #e2dfce; float:left; margin-top:8px;}
div#copyright div.linkLineNone{font-size:10px; color:#748455; padding:0 11px; border-right:1px solid #ffffff; float:left; margin-top:8px;}
div#copyright div.linkLine a, div#copyright div.linkLineNone a{text-decoration:none; color:#748455;}
div#copyright div.linkLine a:hover, div#copyright div.linkLineNone a:hover{text-decoration:underline; color:#748455;}
div#copyright div#copyrightImg{width:334px; height:22px; background:url(../images/top/copyright.gif) no-repeat; float:left;}
div#kawaruLogo {
  float: right;
  padding-top: 5px;
  padding-right: 3px;
}
div#copyright div#copyrightImg a#linkLC{width:27px; height:19px; display:block; left:231px; top:2px; position:relative;}
div#copyright div#copyrightImg a#linkSE{width:63px; height:19px; display:block; left:268px; top:-17px; position:relative;}
div#copyleft {
  font-size: 10px;
  float: left;
  margin-top: 21px;
  color: #748455;
  border-right:1px solid #e2dfce;
}


/*-------------------------------------------------------*/
/*コンテンツ
/*-------------------------------------------------------*/


div#contentsLayout{
width:960px;
text-align:left;
}

div#contentsLayoutLeft{
width:204px;
float:left;
text-align:left;
}
div#contentsLayoutRight{
margin-top:10px;
width:756px;
float:left;
text-align:left;
}

div#contentsLayout h2{margin-bottom:20px;}


/*-------------------------------------------------------*/
/*レフトナビ
/*-------------------------------------------------------*/
div.leftNavi{
width:185px;
height:75px;
background:url(../images/common/l_navi_btm.gif) no-repeat bottom;
}


/*-------------------------------------------------------*/
/*whiteBox
/*-------------------------------------------------------*/
div.whiteBox{width:756px; background:#FFFFFF;}
div.whiteTop{width:756px; height:8px; background:url(../images/common/whiteboard_top.gif); font-size:0; margin-top:20px;}
div.whiteBottom{width:756px; height:8px; background:url(../images/common/whiteboard_bottom.gif); font-size:0; margin-bottom:20px;}






/*-------------------------------------------------------*/
/*BOX980
/*-------------------------------------------------------*/

div.box980{
text-align:left;
width:980px;
margin:0 auto;
}


/*-------------------------------------------------------*/
/*パンくず
/*-------------------------------------------------------*/

div#pankuzu{
font-size:10px;
height:20px;
}
div#pankuzu a{color:#748455}

span.yajirushi{
color:#e470ff;
}


/*-------------------------------------------------------*/
/*ページトップ
/*-------------------------------------------------------*/

a.gotoPageTop{
display:block;
float:right;
width:142px;
height:25px;
background:url(../images/common/pagetop.gif) no-repeat;
}
a.gotoPageTop:Hover{background-position:bottom;}




/*-------------------------------------------------------*/
/*clearfix
/*-------------------------------------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}