/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
[YUI Font Size Adjustment]
10px - 77%		11px - 85%		12px - 93%		13px - 100%
14px - 108%		15px - 116%		16px - 123.1%	17px - 131%
18px - 138.5%	19px - 146.5%	20px - 153.9%	21px - 161.6%
22px - 167%		23px - 174%		24px - 182%		25px - 189%
26px - 197%
*/


*{
font-family:MS PGothic,Osaka;
}

html,body{
margin:0;
padding:0;
height:100%;
}

body{
text-align:center;
}


img{
vertical-align:middle;
}

a img{
border:0;
}

form{
margin:0;
padding:0;
}

select,input,textarea{
margin:0 1px;
vertical-align:middle;
}

textarea{
overflow:auto;
resize:none;
overflow-y:hidden;
}


/*----------------------------------------
Clearfix
----------------------------------------*/
/*
.c:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.c{display:inline-block;}
* html .c{height:1%;}
.c{display:block;}
*/

.c:after{
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
* html .c{zoom:1;}
*:first-child+html .c{zoom:1;}


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

a:link{
color:#06c;
}
a:visited{
color:#551A8B;
}
a:active{
color:#c30;
}
a:hover{
text-decoration:none;
}



#wrapper{
width:840px;
margin:0 auto;
padding:0;
text-align:left;
}



.round{
border:1px solid #ccc;
background-color:#fff;
}

.arrow1{
padding-left:14px;
background-image:url(../img/common/arrow1.gif);
background-repeat:no-repeat;
background-position:0 1px;
}

.arrow2{
padding-left:17px;
background-image:url(../img/common/arrow2.gif);
background-repeat:no-repeat;
background-position:0 0;
}

.arrow3{
padding-left:10px;
background-image:url(../img/common/arrow3.gif);
background-repeat:no-repeat;
background-position:0 2px;
}

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

#header{
margin:0 0 0 0;
padding:15px 0 20px 0;
background-image:url(../../img/common/character.gif);
background-position:335px -5px;
background-repeat:no-repeat;
}

/* left */

#header .left{
width:400px;
float:left;
}

#header .logo,
#header .logo a{
width:322px;
height:52px;
position:relative;
}

#header .logo a{
overflow:hidden;
}

#header .logo a img{
position:absolute;
top:0;
left:0;
background-color:#fff;
}

#header .logo strong{
position:absolute;
top:3px;
left:104px;
font-size:93%;
font-weight:normal;
color:#666;
line-height:110%;
}


/* right */

#header .right{
width:400px;
float:right;
}

#header .right ul{
margin:0 0 12px 0;
padding:0;
list-style:none;
text-align:right;
}

#header .right li{
display:inline;
padding:0 0 0 20px;
}

#header .right li a{
padding-left:14px;
font-size:93%;
line-height:100%;
background-image:url(../img/common/arrow1.gif);
background-repeat:no-repeat;
background-position:0 1px;
}

#header .right form{
text-align:right;
}

#header .right .text{
width:200px;
padding:2px;
font-size:108%;
border-style:solid;
border-width:1px;
border-color:#a1a1a1 #d5d5d5 #d7d7d7 #9a9a9a;
}



/*----------------------------------------
global-navi
----------------------------------------*/

#global-navi{
margin:0;
padding:0;
background-image:url(../img/common/global-navi_left.gif);
background-repeat:no-repeat;
background-position:0 0;
}

#global-navi .inner{
padding:0 9px;
background-image:url(../img/common/global-navi_right.gif);
background-repeat:no-repeat;
background-position:100% 0;
}

#global-navi ul{
margin:0;
padding:0 0 7px 0;
list-style:none;
text-align:center;
background-image:url(../img/common/global-navi_center.gif);
background-repeat:repeat-x;
background-position:0 0;
}

#global-navi li{
display:inline-block;
/display:inline;
/zoom:1;
padding:0 15px;
}

#global-navi a{
display:block;
line-height:37px;
font-size:108%;
font-weight:bold;
color:#fff;
text-decoration:none;
text-shadow:-1px -1px 0px #9D0000;
/*filter:dropshadow(color=#9D0000,offx=-1,offy=-1,positive=0);*/
}
#global-navi a:hover{
color:#f96;
}
#global-navi .current_page_item a,
#global-navi .current-cat a{
color:#000;
cursor:text;
}




/* bread crumb */

#bread-crumb ul{
margin:0 0 20px 0;
padding:8px 0 8px 0;
font-size:93%;
border-bottom:1px dotted #ccc;
}

#bread-crumb ul li{
display:inline;
padding:0;
}

#bread-crumb ul li i{
margin:0 5px;
font-style:normal;
color:#999;
}

#bread-crumb ul li a,
#bread-crumb ul li strong{

}

#bread-crumb .home a{

}

#bread-crumb ul li strong{
color:#333;
font-weight:normal;
}


/* page title */

#page-title{
margin:0 0 30px 0;
padding:10px;
border-style:solid;
border-width:1px;
border-color:#d7d7d7;
background-image:url(../img/common/gradbar_red.gif);
background-repeat:repeat-x;
background-position:0 100%;
}

#page-title h1{
margin:0;
padding:0;
font-size:138.5%;
color:#A70000;
line-height:110%;
}

/*----------------------------------------
container
----------------------------------------*/

#container{
margin:0;
padding:5px 0 20px 0;
/padding:20px 0 10px 0;
}


/*----------------------------------------
main
----------------------------------------*/

#main h2{
margin:0;
padding:7px 10px 5px 10px;
font-size:138.5%;
color:#222;
line-height:120%;
border:1px solid #ccc;
background-image:url(../img/common/h2_line.gif);
background-repeat:repeat-x;
background-position:0 0;
}

#main h3{
margin:20px 0 10px 0;
padding:0 0 3px 5px;
font-size:123.1%;
line-height:100%;
color:#333;
border-bottom:1px solid #ccc;
}

#main p{
margin:0;
padding:8px 0;
font-size:108%;
color:#444;
line-height:140%;
}



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

#footer{
margin:0 0 0 0;
padding:0 0 20px 0;
}


.foot-navi{
margin:0;
padding:0;
list-style:none;
text-align:center;
border:0;
background-color:#e4e4e4;
}

.foot-navi li{
display:inline-block;
/display:inline;
/zoom:1;
padding:0 15px;
}

.foot-navi a{
display:block;
line-height:37px;
font-size:108%;
}

.foot-navi .current_page_item a,
.foot-navi .current-cat a{
color:#000;
text-decoration:none;
cursor:text;
}

/* contact */

#footer .contact{
margin:0 0 20px 0;
padding:20px 0 20px 140px;
background-image:url(../img/common/foot-contact.gif);
background-repeat:no-repeat;
background-position:0 50%;
border-bottom:1px solid #e3e3e3;
}

#footer .contact .left{
width:220px;
margin-left:20px;
float:left;
}

#footer .contact .left{
font-size:93%;
line-height:130%;
}

#footer .contact .left strong{
color:#555;
}

#footer .contact .left p{
margin:0;
padding:0;
color:#666;
}

#footer .contact .right{
width:200px;
float:right;
}

#footer .contact .right ul{
margin:0;
padding:0;
list-style:none;
}

#footer .contact .right li{
margin:0;
padding:15px 0 0 0;
list-style:none;
}

#footer .contact .right .mail a{
padding:0 0 0 19px;
background-image:url(../img/common/foot-contact_mail.gif);
background-repeat:no-repeat;
background-position:0 50%;
}

#footer .contact .right li .arrow1{
padding:0 0 0 19px;
background-position:5px 50%;
}


/* banner */

#footer .banner{
margin:0 0 20px 0;
padding:0 0 20px 0;
list-style:none;
text-align:center;
border-bottom:1px solid #e3e3e3;
}

#footer .banner li{
display:inline;
padding:0 20px;
}


/* copyright */
#footer .copyright{

}

#footer .copyright .left{
width:500px;
float:left;
}

#footer .copyright .left i{
font-size:77%;
font-style:normal;
font-family:Verdana;
line-height:100%;
color:#999;
}

#footer .copyright .right{
width:300px;
float:right;
text-align:right;
}

#footer .copyright .right a{
font-size:77%;
line-height:100%;
}