@charset "Shift_JIS";

/** {
padding: 0;
margin: 0;
border: none;
}*/


/* -------------------- 
YUI希望のフォントサイズ (px)	指定する値 (%)
10	77
11	85
12	92
13	100
14	107
15	114
16	122
17	129
18	136
19	144
20	152
21	159
22	167
23	174
24	182
25	189
26	197
-------------------- */

/* -------------------- tag styles -------------------- */

body {
font-size:small;
color:#333333;
padding:0;
margin:0 auto;
background:#FFFFFF;
text-align: center;
}


body div {
text-align: left;
margin: 0 auto;
}

h1,h2,h3,h4,h5,h6,
code{font-size:13px; _font-size:small; margin:0; padding:0;}
select, input, button, textarea, button {font:99% arial, helvetica, clean, sans-serif;}
/*table {font-size:92%; font:100%;}*/
pre, code, kbd, samp, tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

img {border:none; margin:0; padding:0;}
a {color:#0F378A;}
a:hover {color:#CC0000;}
form{margin:0; padding:0; font-size:inherit; font:100%;}
dl, dt, dd{margin:0; padding:0; list-style-type:none;}
ul, li{margin:0; padding:0; list-style-type:none;}

p{
margin:0px 0px 15px 0px;
padding:0;
line-height:150%;
color:#333333;
}
ol{margin:0; padding:0;}

table{font-size:100%;}
th, td{}

-------------------- */

.size10{font-size:77%;}
.size11{font-size:85%;}
.size12{font-size:92%;}
.size13{font-size:100%;}
.size14{font-size:107%;}
.size15{font-size:114%;}
.size16{font-size:122%;}
.size17{font-size:129%;}
.size18{font-size:136%;}
.size19{font-size:144%;}
.size20{font-size:152%;}
.size21{font-size:159%;}
.size22{font-size:167%;}
.size23{font-size:174%;}
.size24{font-size:182%;}
.size25{font-size:189%;}
.size26{font-size:197%;}

/* -------------------- space -------------------- */

.pl15 {padding-left:15px;}
.ml15 {margin-left:15px;}
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mb15 {margin-bottom:15px;}
.ml4 {margin-left:4px;}
.ml8 {margin-left:8px;}
.ml10 {margin-left:10px;}
.mr10 {margin-right:10px;}
.p15 {padding:0px 15px 0px 15px;}
.p25 {padding:0px 15px 0px 25px;}
.p30 {padding:0px 15px 0px 30px;}

/* -------------------- common -------------------- */


body {
background:#FFFFFF;
}

#wrapper {
width:860px;
margin:0 auto;
padding:0;
/*overflow:hidden;*/
clear:both;
}

#contents {
margin:0 aut;
display:block;
padding:0px;
width:860px;
_width:8400px;
}
.contents {
width:720px;
display:block;
margin:0;
padding:0;
}

h1 {
font-size:85%;
padding:10px 0 5px 0;
font-weight:normal;
margin:0px;
}

h2 {
margin:15px 0px 18px 0px;
}

h3 {
margin:0px 0px 8px 0px;
}

h4 {
margin:15px 0px 20px 0px;
padding:10px;
background-color:#E2F0FF;
border-top:1px dashed #99CCFF;
border-bottom:1px dashed #99CCFF;
color:#10388D;
font-size:120%;
}

h5 {
margin:20px 0px 15px 0px;
padding:5px 10px 5px 10px;
background-color:#10388D;
color:#FFFFFF;
}


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

.f_left{float:left;}
.f_right{float:right;}
.red {color:red;}
.orange {color:orange;}
.brown {color:brown;}
.dblue {color:#003366;}


.pageup a{
text-align:right;
clear:both;
display:block;
background:url(../images/pageup.gif) no-repeat left 2px;
float:right;
margin:0px 0 10px 0;
padding:0 0 0 20px;
}


/* -------------------- lookback -------------------- */


#lookback {
padding:15px;
}
#lookback li {
display: inline;
padding-right:15px;
clear:both;
background:url(../images/lookback.gif) no-repeat;
background-position:right center;
}
#lookback li.last {
display: inline;
clear:both;
background:none;
}


/* -------------------- header-------------------- */

#headerbox {
background:url(../images/head_bg.jpg) repeat-x 0 0;
height:127px;
margin:0px;
position:relative;
}

#contents {
width:860px;
margin:0 auto;
display:block;
}


#logo {
width:370px;
position:absolute;
top:10px;
left:7px;
}

#headertel {
position:absolute;
top:40px;
left:620px;
}


#header_right {
width:232px;
display:block;
position:absolute;
top:10px;
left:620px;
}


#header_right ul {
}
#header_right li {
float:left;
padding:0px;
margin:0;
}

#headercatch {
position:absolute;
top:109px;
left:0px;
}



#gloval_menu {
	position:absolute;
	width:860px;
	height:35px;
	
	margin:0;
	padding:0;
	left: 0px;
	top:80px;
}

#gloval_menu li {
float:left;
margin:0;
padding:0;
vertical-align:top;
} 




/* -------------------- left -------------------- */




#contents .left_box {
width:200px;
margin-right:20px;
float:left;
display:block;
}

* html body #contents .left_box {
width:200px;
/*position: relative;*/
margin:0px;
margin-left:10px;
float:left;
display:block;
}

#contents .left_box .login {
border:#95BBB0 1px solid;
background-color:#E9F7EC;
padding:5px;
}



#contents .right_box {
width:640px;
float:left;
display:block;
}


/* -------------------- right -------------------- */

#rightbox {
float:left;
display:block;
width:220px;
font-size:85%;

}

#rightbox h3{
clear:both;
margin:5px 0 3px 0;
}

.right_bg {
background:#DDDDDD;
padding:5px 5px 5px 5px;
width:210px;
display:block;
}

.right_bg_box {
background:#FFFFFF;
border:#CCCCCC solid 1px;
display:block;
margin-bottom:5px;
padding:8px;
}

.right_bg_listbox {
background:#FFFFFF;
border:#CCCCCC solid 1px;
display:block;
margin-bottom:5px;
}

.right_bg_listbox li{
background:url(../images/listmark01.gif) no-repeat 8px 12px;
margin:0 0 0 0px;
padding:10px 10px 10px 24px;
border-bottom:#CCCCCC solid 1px;
}

/* -------------------- footer -------------------- */

#footer {
width:860px;
margin:20px auto 10px auto;
border-top:#CCCCCC 1px dashed;
padding-top:10px;
font-size:11px;
}

#fotter_left {
width:550px;
float:left;
display:block;
}

#fotter_right {
width:150px;
float:right;
}

#footer_copy {
background-color:#0F378A;
border-top:#3A6DD3 1px solid;
border-bottom:#3A6DD3 1px solid;
line-height:24px;
color:#FFFFFF;
text-align:center;
font-size:11px;
margin-top:5px;
	}
	
/* -------------------- table -------------------- */

.iftable{
border-bottom:#CCCCCC solid 1px;
}

.iftable th{
background:#EEE;
text-align:left;
font-weight:normal;
border:#CCCCCC solid;
border-width:1px 1px 0 1px;
padding:10px;
}

.iftable td{
background:#FFF;
text-align:left;
font-weight:normal;
border:#CCCCCC solid;
border-width:1px 1px 0 0;
padding:10px;
}