/* CSS Document */

/* ========================================================
	* menu *
-----------------------------------------------------------
	 * = print	（プリントアウト用指定）

	 1 = all	（全体指定）
	 2 = reset	（各プロパティ初期値のリセット）
	 3 = link	（リンク）

	 4 = frame	（全体枠）
	 5 = wrapper（本文枠）

	 6 = head	（ヘッダ）
	 7 = main	（メイン：右フロート）
	 8 = side	（サイド：左フロート）
	 9 = foot	（フッタ）

	10 = clear	（clearfix）

=========================================================== */

/* print ================================================== */
@media print {
/* for ie6 */
* html div#frame {width:800px;}
* html body {zoom:70%;}
/* for ie7 */
*+html div#frame {width:auto;}
*+html body {zoom:75%;}
}

/* all ==================================================== */
* {
margin:0px;
padding:0px;
}

body {
width:100%;
font-size:12px;
color:#666666;
line-height:1.5;
text-align:center;
background-color:#ffffff;
background-image:url(../img/common/body_bg.jpg);
background-repeat:repeat-x;
}

/* reset ================================================== */
img {
border:0px;
}
ul {
list-style-type:none;
}

/* link =================================================== */
a {
color:#cc6600;
text-decoration:none;
}
a:hover {
color:#666600;
text-decoration:underline;
}

/* frame ================================================== */
div#frame {
width:100%;
margin:0;
border-top:solid 5px #669900;
border-bottom:solid 2px #669900;
}

/* wrapper ================================================ */
div#wrapper {
width:800px;
margin:0 auto;
background-color:#ffffff;
}

/* head =================================================== */
div#head {
width:765px;
height:92px;
margin:0 auto;
position:relative;
}
div#head img#logo {
width:200px;
height:92px;
display:block;
position:absolute;
left:0;
top:0;
}
div#head h1 {
padding:15px 0 26px;
font-size:12px;
font-weight:normal;
text-align:right;
}

div#head ul.headmenu {
width:auto;
margin:0 0 10px;
padding:0 5px 0 0;
text-align:right;
list-style-type:none;
background-image:url(../img/common/headmenu_bg.gif);
background-repeat:no-repeat;
background-position:right;
}
/*\*//*/ div#head ul.headmenu {padding:0 10px 0 0;} /*  */
div#head ul.headmenu li {
width:auto;
display:inline;
}
div#head ul.headmenu li a {
padding:0 10px 0 15px;
color:#666666;
text-decoration:none;
background-image:url(../img/common/headmenu_bg.gif);
background-repeat:no-repeat;
background-position:left;
}
div#head ul.headmenu a:hover {
padding:0 10px 0 15px;
color:#669900;
text-decoration:none;
background-image:url(../img/common/headmenu_bg.gif);
background-repeat:no-repeat;
background-position:left;
}

/* main =================================================== */
div#main {
width:540px;
margin:0 10px 0 0;
float:right;
_display:inline;
}
div#main .title01 {
width:520px;
height:28px;
margin:0 auto 12px;
font-size:14px;
font-weight:bold;
color:#996600;
text-align:left;
text-indent:10px;
line-height:2;
background-color:#ecf5cf;
background-image:url(../img/sub/title_bg01.jpg);
background-repeat:repeat-x;
border-bottom:solid 1px #cc9900;
}


div.copyright {
clear:both;
width:528px;
_width:530px;
margin:12px auto 15px;
border:solid 1px #cccccc;
}
div.copyright p {
margin:2px;
padding:5px 0 5px 30px;
background-color:#f4f4f4;
text-align:left;
color:#999999;
font-size:10px;
}

div.pagetop {
width:530px;
margin:1.5em auto 1em;
padding:0;
text-align:right;
font-size:10px;
}
div.pagetop a {
padding:0 0 0 15px;
background-image:url(../img/sub/pagetop_arrow.gif);
background-repeat:no-repeat;
background-position:left;
color:#cc6600;
text-decoration:underline;
}
div.pagetop a:hover {
text-decoration:none;
}

/* side =================================================== */
div#side {
width:215px;
margin:0 0 0 8px;
float:left;
_display:inline;
}
div#side ul.sidemenu {
width:215px;
padding:12px 0 10px;
background-image:url(../img/common/menu/menu_bg.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#ebf5cc;
text-align:center;
}
div#side ul.sidemenu li {
width:200px;
height:45px;
margin:0 auto 6px;
vertical-align:bottom;
}
div#side ul.sidemenu li.end {
margin:0 auto;
}
div#side ul.sidemenu li img {
width:200px;
height:45px;
display:block;
}

div#side img#qr {
width:200px;
height:85px;
display:block;
margin:10px auto;
}

div.getreader {
width:200px;
margin:10px auto 20px;
text-align:left;
}
div.getreader img {
display:block;
margin:0 0 5px;
}
div.getreader p {
font-size:10px;
text-indent:2px;
}

/* foot =================================================== */
div#foot {
clear:both;
width:800px;
height:80px;
margin:0 auto;
}
div#foot img {
width:160px;
height:50px;
margin:5px 0 0 15px;
float:left;
}
div#foot p.copy {
padding:20px 0 0;
text-align:right;
}



/* clear ================================================== */
div#wrapper:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
div#wrapper {display: inline-table;}
/* Hides from IE-mac \*/
* html div#wrapper {height: 1%;}
div#wrapper {display: block;}
/* End hide from IE-mac */