@charset "UTF-8";

*{
margin:0;
padding:0;
}

body{
padding:0;/*for_opera*/
margin:0 auto;
border:none;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
line-height:160%;
text-align:center;/*for_ie5*/
font-size:14px;
color:#333333;
width:100%;
background-color:#3399cc;
}

p,th,td,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,caption{
padding:0;
margin:0;
border:none;
color:#333333;
text-align:left;
}

/**** common_setting ******/

a{
display:block;
}

a img {
border-style:none;
}

a:link{color:#ff6600;}
a:visited{color:#ff6600;} 
a:hover{color:#663300;} 
a:active{color:#ff6600;} 


.hide{
text-indent:-9999px;
display:block;
}

.clear{
clear:both;
}

hr{
display:none;
clear:both;
}


/****** wrapper *******/

#wrapper{
margin:0 auto;
width:1100px;
height:auto;
background:#3399cc url(../images/bg_base.jpg) top center repeat-y;
}

.area{
margin:0 auto;
width:800px;
background:#FFFFFF;
}

.top_line{
width:800px;
height:5px;
background:#330099;
}

.main_title{
width:800px;
height:200px;
}


/******contents left******/
.contents_left{
float:left;
width:515px;
padding:0 0 0 25px;
}

.middle_title_01{
background:url(../images/title_m_01.gif) top left no-repeat;
width:490px;
height:40px;
margin:40px 0 20px 0;
}
.middle_title_02{
background:url(../images/title_m_02.gif) top left no-repeat;
width:490px;
height:40px;
margin:40px 0 20px 0;
}
.middle_title_03{
background:url(../images/title_m_03.gif) top left no-repeat;
width:490px;
height:40px;
margin:40px 0 20px 0;
}
.middle_title_04{
background:url(../images/title_m_04.gif) top left no-repeat;
width:490px;
height:40px;
margin:40px 0 20px 0;
}
.middle_title_05{
background:url(../images/title_m_05.gif) top left no-repeat;
width:490px;
height:40px;
margin:40px 0 20px 0;
}

/******text*******/
.text_01{
width:450px;
height:auto;
padding:0 20px 20px 30px;
}
.text_02{
width:450px;
height:auto;
padding:0 20px 0 30px;
margin:0 0 20px 0;
}
.boldtext{
font-weight:bold;
}

.space_attention{
padding:0 0 0 15px;
}
.attention{
border:#FF0033 solid 1px;
width:450px;
}
.attention p{
padding:15px;
}


.text_03{
width:450px;
text-align:left;
padding:0 0 5px 20px;
}

.jyoken{
border:#333333 solid 1px;
width:430px;
padding:10px;
}
.jyoken ul{
padding:0 0 0 30px;
}

.text_04{
width:450px;
height:auto;
padding:0 20px 0 35px;
margin:0 0 20px 0;

}
.text_04 p{
width:450px;
text-align:right;
margin:0 0 5px 0;
}

/*.text_04 li{

padding-left:1em;
text-indent:-1em;
}
*/

.attention_02{
border:#333333 solid 1px;
width:450px;
font-weight:bold;
}
.attention_02 p{
padding:15px;
}
.indent{
display:block;
text-indent: 1em;
}


.text_05{
width:450px;
height:auto;
text-align:left;
padding:0 20px 0 15px;
margin:0 0 40px 0;
text-indent: 1em;

}

/******contents right  menu btn******/
.contents_right{
float:right;
width:230px;
padding:40px 25px 0 0;
}
.hp_kyougi{
background:url(../images/btn_hp.gif) top left no-repeat;
width:230px;
height:50px;
}
.hp_kyougi a{
height:50px;
}
.hp_ginou{
background:url(../images/btn_hp_ginou.gif) top left no-repeat;
width:230px;
height:50px;
margin:10px 0 0 0;
}
.hp_ginou a{
height:50px;
}
.sns{
background:url(../images/btn_sns.gif) top left no-repeat;
width:230px;
height:50px;
margin:10px 0 0 0;
}
.sns a{
height:50px;
}

.mado{
background:url(../images/btn_hp_mado.gif) top left no-repeat;
width:230px;
height:50px;
margin:10px 0 0 0;
}
.mado a{
height:50px;
}


.red{
color:#ff0033;
text-align:right;
font-size:12px;
/*******準備中が無くなったらいらない所*******/
line-height:120%;
margin:5px 0 0 0;
/********************************************/
}
.toi{
margin:15px 0 5px 0;
}
.toi .mark{
color:#888888;
}
.toi_address{
text-align:left;
font-size:12px;
line-height:150%;
padding:10px 0;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
}
.toi_address p{
font-weight:bold;
font-size:14px;
}

.toi_tel{
text-align:left;
font-size:16px;
padding:10px 0;
border-bottom:#CCCCCC solid 1px;
}


/******info_data********/
.info_data{
clear:both;
width:800px;
height:43px;
margin:0 0 20px 0;
background:url(../images/title_databace.gif) top center no-repeat;
}
.info_text{
padding:0 0 0 45px;
}
.info_text ul{
padding:5px 0 0 15px;
}


.mail_yahoo{
float:left;
display:inline;
width:200px;
height:40px;
background:url(../images/btn_yahoo.gif) top left no-repeat;
margin:15px 0 15px 50px;
}
.mail_yahoo a{
height:40px;
}
.mail_google{
float:left;
width:200px;
height:40px;
background:url(../images/btn_gmail.gif) top left no-repeat;
margin:15px 0 15px 40px;
}
.mail_google a{
height:40px;
}

.info_text p{
clear:both;
}


/***** footer*****/
#footer{
clear:both;
width:800px;
height:30px;
background:#4d4d4d;
margin:30px 0 0 0 ;
}

#footer address{
color:#FFFFFF;
font-style:normal;
line-height:30px;
}