@charset"Shift_JIS";
/*01 HTMLリセット*/
html,body{
    margin: 0px;
    padding: 0px;
    font-family: 'Lucida Grande', Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'メイリオ', sans-serif;
    font-size: 12px;
    background-color: #f0f0f0;
    color: #575757;
    width: 100%;
}
div,
form,
h1,h2,h3,h4,
ul,li,
dl,dt,dd,
p{margin:0px;padding:0px;line-height:1.5em;}
p,dt,dd{text-align:justify;text-justify:distribute;}
a img,img{border:0;}
li{list-style-type:none;}

.f_cA{color:#E30A72;}

*{transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
    -moz-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
    -webkit-transition:color 200ms,background 200ms,border 200ms,opacity 300ms;
    -o-transition:color 200ms,background 200ms,border 200ms,opacity 300ms}


/*02 共通用基本設定*/
h1{}
h2{}
h3{}
h4{}
.clr{clear:both;}
.floatL{float:left;}
.floatR{float:right;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.alignC{clear:both;text-align:center;}
.lastChild{margin-right:0%!important;float:right!important;}

/*03 レーヤアウト*/
#Wrap{}
#Contents{}
#SubContents{width:980px;margin:0px auto;background-color:#FFF;padding-bottom:25px;}
address{}





/*04 ヘッダー関連*/
#Header{
    background-color: #44c0f0;
}
#SubHeader{
    padding: 365px 0px 15px 46px;
    width: 934px;
    margin: 0px auto;
    position: relative;
    background-color: #44c0f0;
    background-image: url(bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}
#Header h1{width:439px;height:196px;background:url(logo.gif) no-repeat left top;margin-left:21px;text-indent:-9999px;}
#Header p{color:#FFF;font-size:18px;padding-top:18px;}
#Header .btnA{position:absolute;display:block;width:101px;top:382px;right:103px; }

#Header .btnB{position:absolute;display:block;width:126px;top:450px;right:212px;}
#Header .btnC{position:absolute;display:block;width:153px;top:514px;right:41px;}
#Header a{display:block;width:100%;}
#Header a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Header a img{display:block;}


/*05 コンテンツ関連　*/
.title{
    background-color: #ff4d7c;
    width: 100%;
}

.title h2{
    background-color: #ff4d7c;
    width: 980px;
    margin-right: auto;
    margin-left: auto;
}
.home h2 img{display:block;margin:0px auto;}
.home .box{padding:32px 12px 83px 35px;}
.home .box img{display:block;}
.home .box ul{width:933px;clear:both;}
.home .box li{width:220px;float:left;padding-bottom:60px;margin-right:17px;}
.home .box li p{padding:18px 0px 0px 5px;width:180px;line-height:1.7em;font-size:13px;}

.home .box .btn{width:660px;margin:0px auto;}
.home .box .btn .floatL{display:block;width:391px;}
.home .box .btn .floatR{display:block;width:242px;}
.home .box .btn a{display:block;width:100%;}
.home .box .btn a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.home .box .btn_{width:800px;margin:0px auto;}
.home .box .btn_ .floatL{display:block;width:391px;}
.home .box .btn_ .floatR{display:block;width:391px;}
.home .box .btn_ a{display:block;width:100%;}
.home .box .btn_ a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}

.home .list{}
.home .list h2{
    background-color: #ff4d7c;
}
.home .list .sub_list{margin:50px;background-color:#FFFED2;padding:40px;}
.home .list .sub_list p{ line-height:1.8em; font-size:14px;}
.home .list .sub_list .msg{
    padding-top: 36px;
    margin-top: 35px;
    background: url(ico_line01.gif) repeat-x left top;
    color: #E30A73;
}
.msg_{
    color: #E30A72;
    padding-left: 150px;
    font-size: 14px;
    margin-top: 10px;
}

.home .list ul{margin:50px;background-color:#FFFED2;padding:15px 40px 0px 40px;}
.home .list li{width:100%;clear:both;padding:20px 0px;font-size:18px;background:url(ico_line01.gif) repeat-x left bottom;}
.home .list li.last{ background-image:none;}
.home .list li span{display:block;float:left;padding-left:20px;background:url(ico01.gif) no-repeat left center;}
.home .list li p{ padding-left:150px;}
.home .block{}
.home .block h2{background-color:#595757;}
.home .block .sub_block{margin:50px;background-color:#F0F0F0;padding:55px 30px 25px 25px;font-size:13px;}
.home .block .sub_block div{height:470px;padding-left:45px;padding-right:65px;overflow:auto;}
.home .block .sub_block dl{ padding-bottom:50px;}
.home .block .sub_block dt{
    margin-top: 50px;
    padding-left: 15px;
    color: #E30A72;
    background: url(ico02.gif) no-repeat left center;
    margin-bottom: 12px;
}
.home .block .sub_block dd{padding-top:18px;background:url(ico_line01.gif) repeat-x left top;}
.home .block .sub_block p{line-height:1.8em;}


.home .block .sub_block a{color: #E30A72;	text-decoration: none;}
.home .block .sub_block a:hover{	color: #E30A72;	text-decoration: underline;}

.wtoukou_box {width:900px; text-align: center;margin: 30px auto 0px auto;}
.wtoukou_box h2 { color: #e30a73; font-size: 24px; letter-spacing: 0.1em;}

.btn_pagetop{padding-top:35px;padding-right:45px;}
.btn_pagetop a{display:block;float:right;background:url(ico03.gif) no-repeat left center;padding-left:18px;color:#000;text-decoration:none;}
.btn_pagetop a:hover{text-decoration:underline;}

.photo-image {width: 980px; text-align: center; margin: 30px auto 0px auto;}
.photo-image a:hover{width:100%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
footer{
    width: 100%;
}
#Footer{
    font-size: 14px;
    color: #FFF;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    background-color: #44c0f0;
}
#SubFooter{
    width: 980px;
    margin: 0px auto;
    background-color: #44c0f0;
    padding-top: 40px;
    padding-bottom: 120px;	
}


#Footer #FootLogo{width:355px;float:left;}
#Footer #FootLogo a{display:block;width:355px;}
#Footer #FootLogo a:hover{width:355px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Footer #FootNavi{text-align:right;padding-bottom:30px;}
#Footer #FootNavi a{
    padding-left: 22px;
    margin-left: 25px;
    color: #FFF;
    text-decoration: none;
    background-image: url(ico_arrow01.gif);
    background-repeat: no-repeat;
    background-position: left center;
}
#Footer #FootNavi a:hover{text-decoration:underline;}
#Footer p{text-align:right;}

/* hack css */
.home .box ul,
.home .box .btn,
#SubFooter,
.btn_pagetop
{display:inline-block;}


.home .box ul:after,
.home .box .btn:after,
.home .box .btn_:after,
#SubFooter:after,
.btn_pagetop:after
{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}



/* Hide from IE-mac \*/
*html .home .box ul,
*html .home .box .btn,
*html .home .box .btn_,
*html #SubFooter,
*html .btn_pagetop
{height:1%;}


.home .box ul,
.home .box .btn,
.home .box .btn_,
#SubFooter,
.btn_pagetop
{display:block;}
/* End hide fromIE-mac*/

.red_color{
    color: #000000;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #FFFF00;
}
