/* CSS Document */

@import url(font.css);

body {
margin-top:0px;
margin-bottom:0px;
line-height:1.3;
font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",'メイリオ',Meiryo,Verdana,sans-serif;
/*font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック",verdana,arial,sans-serif;*/
}
#outline {
width:805px;
text-align:left;
}
#header {
width:804px;
text-align:left;
background-color:#FFFFFF;
margin-bottom:5px;
}
#main {
width:804px;
/*background-color:#FFFFFF;*/
}
.navi {
text-align:center;
width:800px;
}

.navi-down {
float:left;
width:550px;
}
.navi-r-down {
float:right;
width:241px;
}
.left-main {
float:left;
width:608px;

}

* html .left-main {
float:left;
width:613px;

}


.left-box {
float:left;
width:185px;

}
.right-main {
text-align:right;
float:right;
width:190px;
}
#footer {
text-align:center;
width:800px;
font-size:12px;
background-color:#FFFFFF;
}
br.c-both {
clear:both;
}
.set-10 {
font-size:10px;
}
.set-11 {
font-size:11px;
}
.set-12 {
font-size:12px;
}
.set-13 {
font-size:13px;
}

.free-box {
width:600px;

}

ul.navi-hed {

margin-left:0px;
margin-top:0px;
margin-bottom:0px;
list-style-type:none;
padding-left:inherit;
}
li.navi-hed {
display: inline;
list-style-type:none;
margin-right:0px;
}
li.navi-hed_tab {
display: inline;
list-style-type:none;
margin-left:0px;
margin-right:0px;
}

* html .school-p {

width:600px;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
background-color:#FAFAFA;
margin-left:2px;

}
.school-p {

width:600px;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
background-color:#FAFAFA;
margin-left:2px;

}
.box-recipe {
width:172px;
margin:0 auto;
border-color:#FFCC33;
border-style:solid;
border-width:1px;
/*margin-left:1px;*/
padding-left:1px;
/*margin-right:5px;*/
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
.box {
width:172px;
margin:0 auto;
background-color:#FFFFFF;
border-color:#666666;
border-style:solid;
border-width:1px;
/*margin-left:1px;*/
padding-left:1px;
/*margin-right:5px;*/
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
* html .mini {
font-size:10px

}
* html .mini2 {
font-size:8px

}
.box-f {
width:172px;
margin:0 auto;
border-color:#39399D;
background-image:url(../images/fortune/fo-back2.jpg);
border-style:solid;
border-width:1px;
/*margin-left:1px;*/
padding-left:1px;
/*margin-right:5px;*/
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.box-max {
width:172px;
margin:0 auto;
border-color:#00CC66;
border-style:solid;
border-width:1px;
/*margin-left:1px;*/
padding-left:1px;
/*margin-right:5px;*/
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

.box-la {
width:592px;
border-color:#666666;
border-style:solid;
border-width:1px;
margin-left:2px;
padding-left:2px;
}
.box-over {
margin-left:2px;
padding-left:2px;

}

.img-box {
float:left;
width:165px;
}
.profile-box {
float:right;
width:420px;
}
.box-over2 {
width:574px;
/*border-color:#DDDDDD;
border-style:solid;
border-width:1px;*/
margin:5px 0px 3px 5px;
padding:5px 0px 3px 0px;

}
.box-over3 {
width:580px;

margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;

}

.course-line {

border-bottom-color:#DDDDDD;
border-bottom-style:solid;
border-bottom-width:1px;

}

.page-title-box {
width:585px;
background-color:#e1ffff;
/* background-image:url(../images/default/pan_bg.gif); */
font-weight:bold;
margin:5px 0px 5px 2px;
padding:0 5px 0 10px;
}
.page-title-box h2 {
font-size:12px;
color:#ff00ff;
}

.couse-box {
width:585px;
height:24px;
background-image:url(../images/default/couse_bg.gif);
font-size:14px;
font-weight:bold;
margin:5px 0px 0px 0px;
padding:10px 5px 5px 10px;
}

.pan {
width:585px;
height:24px;
font-size:11px;
margin:5px 0px 5px 2px;
padding:10px 5px 5px 10px;
}

.title-box {
width:590px;
height:24px;
background-image:url(../images/default/title_bg.gif);
font-size:14px;
font-weight:bold;
margin:5px 0px 5px 2px;
padding:8px 5px 5px 10px;
}


.pan-search02 {
width:780px;
height:28px;
background-image:url(../images/mq-back.gif);
font-size:11px;
margin:5px 5px 5px 5px;
padding:5px 5px 5px 5px;
}

.sub-key {

font-size:12px;
}

.bou-box {
width:590px;
}