/*reset browser style from YUI 2*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0; padding-top: 0px; bottom: 211px; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}


/* site common styles*/

.bluetext {color:#055398}
.blutext a:visited{color:#055398}
.boldtext {font-weight:bold}
.box{ background-repeat: repeat-y;position:relative;margin-bottom:5px;}
.inner-box-top{background-repeat: no-repeat}
.inner-box-bottom{background-repeat: no-repeat;background-position: left bottom;}
.inner-contents{padding-top:50px; text-align:center;}
.clearfloat {clear:both;    height:0;    font-size: 1px;    line-height: 0px;}
em{background-image:url("../img/common/linePink60.gif");font-weight:bold;background-position:left bottom;background-repeat:repeat-x;font-style:normal;}
.textright {text-align:right}
a { outline:none;overflow:hidden}

/* moving images to middle*/
.spacer{height:15em;float:right;width:1px;}
.bottomfloat{clear:both;float:right;width:202px;}


body{background-image:url(../img/common/menu-background_02.png);  background-repeat: repeat-x;	margin: 0; 	padding: 0;	text-align: center; 	color: #000000;font-family: 宋体,Simsun, MS PGothic, sans-serif;font-size: 12px;}
#header{ position: relative; width:890px; height:145px; } 
#header #logo {  position: absolute;  top: 15px;}
#header #misc{ position:absolute; left:489px; top:14px; width:400px; }

#header #misc #sitemap{ padding-right:2px; float:right; padding-top:2px; }
#header #misc #sitemap{_position:absolute;_left:335px;} /*ie6 hack*/
#header #misc #lang{ padding-right:2px; font-size:12px; float:right; }
/* 以下の設定は、すべての機能を入れたときに正しい */
/* 
#header #misc table{ position:absolute; left: -89px; top: 33px; width: 373px; } 
*/
#header #misc table{ position:absolute; left: 290px; top: 33px; width:100px; } 


#header #misc #text{width:160px; }
#header #misc #submit{background:none; background: url(../img/common/search_btn.gif); background-position:center;width: 53px; height: 28px;background-repeat:no-repeat; border:none;line-height:1}

#header-navi { top: 97px; position:absolute; left: 1px; }
#header-navi li {float:left;  list-style-type:none;}
#header-navi li a {display: block;  background-repeat: no-repeat;  height: 35px;padding-top: 7px;  text-indent: -9999px;   overflow: hidden;  background-position: 0px 6px;}

#header-navi li div { display: block; margin-left: 10px; height: 40px; width: 15px;  margin-right: 10px; }
#header #navi-arrow{ position: absolute; top: 108px; left:6px; }
#header #header-navi{ padding-left:30px; }

/*上のメニューの間隔調整 */
#header-navi #tokusyoku a, #header-navi #tanosimu a, #header-navi #levelcheck a, #header-navi #levelcheck a, #header-navi #shop a, #header-navi #club a, #header-navi #project a, #header-navi #tsutaetai a,#gakusyucource a{padding-right:15px;}

#header-navi #tokusyoku a {background-image:url(../img/common/menu_tokushoku.gif); width:47px;}
#header-navi #tanosimu a {background-image:url(../img/common/menu_tanosimu.gif);  width:64px;}
#header-navi #gakusyucource a {background-image:url(../img/common/menu_gakusyucource.gif);  width:64px;}
#header-navi #levelcheck a {background-image:url(../img/common/menu_levelcheck.gif);  width:47px;}
#header-navi #shop a {background-image:url(../img/common/menu_shop.gif);  width:48px;}
#header-navi #club a {background-image:url(../img/common/menu_club.gif);  width:60px;}
#header-navi #project a {background-image:url(../img/common/menu_project.gif);  width:71px;}
#header-navi #tsutaetai a {background-image:url(../img/common/menu_tsutaetai.gif);  width:72px;}
#header-navi #toiawase a {background-image:url(../img/common/menu_toiawase.gif);  width:72px;}

#footer {background-image: url(../img/common/footer_bg.gif); display: block; height: 70px; } 
#footer-content{text-align:right; padding-top:15px; color: #999; font-size: 90%;width:885px;margin:0 auto;}


/* main boxes*/

#container {position:relative;width:890px;margin: 0 auto;text-align: left;}
#container h1{margin-bottom:15px;}
#main-content{width:666px;float:left;margin-left:-4px;}
.main { background-image: url(../img/common/largebox-middle.gif); width:665px; }
.main-top{background-image: url(../img/common/largebox-top.gif);}
.main-bottom {background-image: url(../img/common/largebox-bottom.gif);}
.main-contents { padding:50px 19px 10px;}
.main-contents h2{ position:absolute; top: 18px; left: 37px; }
.main-contents div{line-height:2em}

/* sidebar settings*/
#sidebar{ width:225px; float:right; padding-top:3px; }

.sidegray { background-image: url(../img/common/side_bg_middle.gif); width:inherit; }
.sidegray .inner-box-top{background-image: url(../img/common/side_bg_top.gif);width:inherit}
.sidegray .inner-box-bottom{ background-image: url(../img/common/side_bg_bottom.gif); width:inherit; padding-bottom: 10px; }
.sidegray .contents{ padding:10px 0 }


.sidetitle { background-image: url(../img/common/side_menu_middle.gif); }
.sidetitle .inner-box-top{background-image: url(../img/common/side_menu_top.gif);width:inherit}
.sidetitle .inner-box-bottom {background-image: url(../img/common/side_menu_bottom.gif);width:inherit}
.sidetitle .contents{ padding:50px 13px 30px}
.sidetitle h2{ position:absolute; top: 16px; left: 37px; }
.sidetitle .contents div{line-height:1.7em;padding-bottom:20px;}

#sidebar #menu #banners{ display:block; padding:0 0 0 10px; background-image:url(../img/common/side_bg_middle.gif); background-repeat:repeat-y; width: 205px; }
#sidebar #menu #blog{background-image:url(../img/common/rightbanner_16.gif);display:block;width:220px;height:145px;background-repeat:no-repeat;position:relative}
#sidebar #menu #campain{background-image:url(../img/common/rightbanner_07.jpg);display:block;width:220px;height:352px;background-repeat:no-repeat;position:relative}
#sidebar #menu #blog img{ position:absolute; left: 18px; top: 51px; }
#sidebar #menu #campain #levelcheck{ position:absolute; left: 32px; top: 298px; }
#sidebar #menu #campain #present{ position:absolute; left: 16px; top: 133px; }
#sidebar #menu { width:220px; margin-bottom:10px; }


/* breadcrumb */
#breadcrumb {margin:-5px 0 2px 2px;font-size:12px;height:15px;display:block}
#breadcrumb a{color:#055398;text-decoration:none}