* {margin:0px; padding:0px;}

BODY {
BACKGROUND: url(img/bg_body.gif); COLOR: #505050; FONT-FAMILY: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"ＭＳ Ｐゴシック","MS PGothic", Osaka, Arial,sans-serif,Helvetica}
#wrapper {
BACKGROUND: url(img/bg_wrapper.gif) repeat-x 50% top; TEXT-ALIGN: center}
#containerOuter {
BACKGROUND: url(img/bg_container.png) repeat-y; MARGIN: 0px auto; WIDTH: 938px}
* HTML #containerOuter {
BACKGROUND: url(img/bg_container.gif) repeat-y}
#container {
FONT-SIZE: 75%; BACKGROUND: #ffffff; MARGIN: 0px 12px; LINE-HEIGHT: 140%; TEXT-ALIGN: left}

#container p{ padding:5px; line-height:18px; display:block;}

div.contentsArea {
background: url(img/bg.gif) repeat-y left top;}

A:link {
COLOR: #505050; text-decoration:underline;}
A:visited {
COLOR: #505050; text-decoration:underline;}
A:hover {
COLOR: #fb2255; TEXT-DECORATION: none;}
A:active {
COLOR: #505050; text-decoration:underline;}

fieldset,img { border:0; }
h1,h2,h3,h4,h5,h6,address,caption,cite,code,dfn,var { font-style:normal;font-weight:normal; font-size: medium;}

.clear {
clear: both;}

.block {
display: block;}
/* ClearFix style
---------------------------------------------------- */
.clearfix:after {
clear: both;
display: block;
content: "";}

.clearfix {
display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;}
.clearfix {
display: block;}
/* End hide from IE-mac */

.module-list {
FLOAT: left; WIDTH: 8em;WIDTH: 660px;DISPLAY: block;CLEAR: both;}
.module-list-item {
PADDING-RIGHT: 0px; PADDING-LEFT: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;}
/*---------------------------------------- header ----------------------------------------*/
#header{
display:block;
width:914px;
height:92px;
background:url(img/header.jpg) #FFFFFF top left no-repeat;
border-bottom: #0C419A 5px solid;}

h1{
display:block;
width:904px;
height:20px;
padding:0px 0px 0px 10px;
text-align:left;
margin:0px 0px 0px 0px;
font-size:10px;
font-weight:normal;}

.header_logo{
float:left;
width:315px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 10px;
display:block;
clear:both;}

.header_text{
float:right;
width:500px;
margin:40px 10px 0px 0px;
font-size:12px;
text-align:right;
font-weight:normal;}

#header A:link {
COLOR: #505050; text-decoration:underline;}
#header A:visited {
COLOR: #505050; text-decoration:underline;}
#header A:hover {
COLOR: #fb2255; text-decoration: none;}
#header A:active {
COLOR: #505050; text-decoration:underline;}
/*****************************************  Menu *****************************************/
/*---------------------------------------- side_menu_l ----------------------------------------*/
#side {
float:left;
padding-top:10px;
padding-left:10px}

#side_menu_left {
float:left;
width: 213px;}

#side_menu_left .title 　{display: block; width:211px; height:25px; 
background:url(img/menu_a.gif) no-repeat ;
color: #333333; 
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
font-weight:bold;}

#side_menu_left .title a　{display: block; width:211px; height:25px; 
background:url(img/menu_a.gif) no-repeat ;
text-decoration:underline; color: #333333; 
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;
font-weight:bold;}

#side_menu_left .title a:link	{display: block; width:211px; height:25px;　  
background:url(img/menu_a.gif) no-repeat;
text-decoration:underline; color: #333333; 
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; 
font-weight:bold;}

#side_menu_left .title a:visited	{display: block; width:211px; height:25px; 
background:url(img/menu_a.gif) no-repeat;
text-decoration:underline;  color: #333333; 
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; 
font-weight:bold;}

#side_menu_left .title a:hover	{display: block; width:211px; height:25px;
background:url(img/menu_a_over.gif) no-repeat;
text-decoration:none; color: #999999; 
padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; 
font-weight:bold;}

.menu_text{ display: block; width:193px; position:relative; padding-left:7px; padding-top:3px;}

#side_menu_left .title2 a　{display: block; width:211px; height:25px; 
background:url(img/menu_b.gif) no-repeat ;
text-decoration:underline; color: #333333; 
padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; }

#side_menu_left .title2 a:link	{display: block; width:211px; height:25px;　  
background:url(img/menu_b.gif) no-repeat;
text-decoration:underline; color: #333333; 
padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; }

#side_menu_left .title2 a:visited	{display: block; width:211px; height:25px; 
background:url(img/menu_b.gif) no-repeat;
text-decoration:underline;  color: #333333; 
padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; }

#side_menu_left .title2 a:hover	{display: block; width:211px; height:25px;
background:url(img/menu_b_over.gif) no-repeat;
text-decoration:none; color: #999999; 
padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; }

.menu_text2{ display: block; width:193px; position:relative; padding-left:13px; padding-top:3px;}

.box_title {
display:block;
position:relative;
width:198px;
margin:5px 0px 2px 5px;
padding:3px;
background:url(img/bg_box_title.gif) repeat-x top left #F9FAFB ;
color:#447EB0;
font-weight:bold;}

.box {
display:block;
position:relative;
width:203px;
padding:4px;
}
.box ul{
display:block;
position:relative;
margin:5px 0px 5px 20px;
}
.box li{
background:url(img/menu_b.gif) top left #E8DBCA;
padding-bottom:5px;
border-bottom:#E8DBCA 1px solid;}

.box li a:link	{color:#505050; text-decoration:none;}
.box li a:hover	{color:#FAAF4E; text-decoration:none;
background:url(img/menu_b_over.gif) top left #E8DBCA;}


/*----------------------------------------  main  ----------------------------------------*/
#main {
width:660px;
float:right;
padding:10px 10px 10px 0px;
display:block;}

#main p {
margin:0px 0px 10px 0px;}

.top_topic{ 
width: 660px;
height:120px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
display:block;
clear:both;}

.top_topic2{ 
width: 660px;
height:200px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
display:block;
clear:both;}

.top_topic3{ 
width: 660px;
height:159px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
display:block;
clear:both;}
.p_waku{ 
width: 633px;
padding:10px 10px 10px 10px;
margin:10px 0px 0px 0px;
display:block;
border-top: #7A6C61 dashed 1px; 
border-left: #7A6C61 dashed 1px; 
border-right: #7A6C61 dashed 1px; 
border-bottom: #7A6C61 dashed 1px; }

.p_waku2{ 
width: 633px;
padding:10px 10px 10px 10px;
margin:10px 0px 0px 0px;
display:block;
border-top: #60A5FF dashed 1px; 
border-left: #60A5FF dashed 1px; 
border-right: #60A5FF dashed 1px; 
border-bottom: #60A5FF dashed 1px; }

.top_topic_title{
display:block;
width:655px;
padding:5px 0px 5px 5px;
margin-bottom:0px;
background: url(img/bg_top.gif)  #3399FF;
font-size:12px;
font-weight:bold;
color:#FFFFFF;}
.caption_h2,h2{
display:block;
width:655px;
padding:5px 0px 5px 5px;
margin-bottom:0px;
background: url(img/bg_h2.gif)  #3399FF;
font-size:12px;
font-weight:bold;
color:#FFFFFF;}

.caption_h3,h3{
display:block;
width:655px;
padding:5px 0px 5px 5px;
background: url(img/bg_h3.gif)  #FFCC66;
font-size:12px;
font-weight:bold;
color:#FFFFFF;}



h4,.caption{
display:block;
width:655px;
padding:5px 0px 5px 5px;
margin-bottom:0px;
background: url(img/bg_h2_gray.gif)  #E9E9E9;
font-size:12px;
font-weight:bold;
color:#505050;}

h5,h6,.caption{
display:block;
width:655px;
padding:5px 0px 5px 5px;
background: url(img/bg_h4.gif)  #FFFFFF;
font-size:12px;
font-weight:bold;
color:#505050;}

.campaign_cap{
display: inline;
margin:0px;
padding:0px;
background:none;
font-size:100%;
font-weight:bold;
color:#FAAF4E;}

.campaign_ex{
display: block;
margin:5px 15px;
background:none;}


.sub_caption{
display:block;
width:650px;
margin:10px 0px 10px 0px;
padding:2px 0px 0px 5px;
border-bottom: #7A6C61 solid 5px;
color: #7A6C61;
font-weight:bold;}

.sub_caption2{
clear:both;
display:block;
width:655px;
padding:5px 0px 5px 5px;
margin:0px 0px 10px 0px;
margin-top:10px;
background: url(img/bg_h2_gray.gif)  #E9E9E9;
font-size:12px;
font-weight:bold;
color:#505050;
height:17px}

.ex{
display:block;
width:638px;
margin:10px 10px 10px 0px;
color:#666666;}

.ex_list{ display:block; width:550px; margin:10px 0px; padding:0px 0px 0px 0px; color:#505050;}

.topic{
display:block;
width:638px;
margin:10px auto;
padding:10px;
background-color:#E0DCDC;}/*CFE0E8 E0E9ED F0EEEE*/

/*---------------------------------------- Hyo style ----------------------------------------*/
#base1{ border:#E8DBCA 0px solid; padding:0px; }

#contact{ border:#E8DBCA 0px solid; padding:0px;margin:0px; }
.white_td{background: #FFFFFF; 
padding: 5px 5px 5px 15px;margin:0px; 
border-bottom:#FFFFFF solid 1px;}

.blue_td{background: #F0EEEE; 
padding: 5px 5px 5px 15px;margin:0px; 
border-bottom:#FFFFFF solid 1px;}

.gray_td{background: #FFFFFF; 
padding: 5px 5px 5px 15px;margin:0px; 
border-bottom:#FFFFFF solid 1px;}
.crumb_text {
padding: 0px 0px 0px 0px;
margin: 0px; 
width: 630px;
line-height:18px;
display:block}

.left {
PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; float:left;}
.text_r {
display:block;
text-align:right; font-size:10px; padding-right:10px;
margin-bottom:10px;}

.top{ text-align:right; margin:10px 0px 10px 10px ; padding:0px; }
.top a{ padding:5px; font-size:80%; text-decoration:underline;}
.top a:link,.top a:visited { padding:5px; font-size:80%; text-decoration:underline;}
.top a:hover{ padding:5px; font-size:80%; text-decoration:none;}

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

#footer {
width:914px; height:30px;
background: url(img/footer.gif) repeat-x bottom;
padding:0px auto 0px auto;
margin::0px auto 0px auto;
border-top:#E8DBCA 1px solid; 
display:block;
clear:both}

.footer_text {
text-align:center;
line-height:12px; 
padding:5px 0px 0px 0px;
color:#7e848f;
font-size:10px;}

.footer_text a ,.footer_text a:link ,.footer_text a:visited ,.footer_text a:hover,.footer_text a:active{line-height:12px;}