/* CSS Document */

*{
margin:0;
padding:0;
}

html,body{
height:100%;
}

body{
text-align:center;
background:#000 url(../img/back.jpg) fixed top no-repeat ;
height:100%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size:12px;
line-height:1.4;
color:#FFFFFF;
}

div#wrap{
width:100%;
margin:0 auto;
height:100%;
border-top: 6px solid #FF3C80;
}

div#main_pic{
width:100%;
height:100%;
margin:0 auto;
background:url(../img/main_pic.png) top no-repeat ;

}

/* ------  head  ------ */

div#head{
width:900px;
height:395px;
margin:0 auto;
position:relative;
}

div#header{
width:900px;
height:145px;
margin:0 auto;
position:relative;
}

div#logo{
width:340px;
height:124px;
display:block;
float:left;
}

div#Ing_link{
width:560px;
height:28px;
position:absolute;
left:340px;
top:0px;
z-index:1;
}

div#Ing_link ul{
list-style:none;
margin-left:15px;
height:28px;
}

div#Ing_link ul li{
list-style:none;
line-height:2.5;
height:28px;
float:left;
background:url(../img/ing_link_back.png) repeat-x;
margin-right:16px;
}

div#Ing_link ul li a{
color:#FFFFFF;
text-decoration:none;
}
div#Ing_link ul li a:hover{
color:#EF1974;
}

div#Ing_link ul li.inglabel{
width:96px;
}
div#Ing_link ul li.the_news{
width:98px;
}
div#Ing_link ul li.shingetu{
width:82px;
}
div#Ing_link ul li.shinkai{
width:116px;
}
div#Ing_link ul li.contact{
width:89px;
margin-right:0;
}

div#kashi{
position:absolute;
top:135px;
left:-5px;
width:431px;
height:254px;
}

.kashi{
background-image:url(common/img/kashi_01.png);
}

/* ------ !end head  ------ */


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

div#MainMenu{
margin:0 auto;
width:100%;
height:45px;
background:url(../img/menu_back.png) repeat-x;
margin-top:0px;
}

div#MainMenu ul{
list-style:none;
width:900px;
margin:0 auto;
padding-top:11px;
position:relative;
}

div#MainMenu ul li{
float:left;
margin-right:27px;
list-style:none;
display:block;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
}

div#MainMenu ul li.last{
margin-right:0;
}

div#MainMenu ul li.no404{
color: #999999;
}

div#MainMenu ul li.current{
color: #EF1974;
}

div#MainMenu ul p{
position:absolute;
top:-28px;
left:0;
background:url(../img/menu_icon.png) no-repeat;
width:113px;
height:33px;
}

div#MainMenu a{
color:#FFFFFF;
}

div#MainMenu a:hover{
color:#EF1974;
}

/* ------  !end main menu  ------ */


/* ------  メインカラム  ------ */	

div#main{
width:900px;
height:inherit;
margin:30px auto 0;
}

/* ------  メインカラム左  ------ */	

div#main div#left{
float:left;
width:253px;
margin-right:13px;

}

div#main div#left #PickLeftTop{
background:url(../img/pickup_icon.png) no-repeat;
width:253px;
height:35px;
}

div#main div#left #ScLeftTop{
background:url(../img/sc_icon.png) no-repeat;
width:253px;
height:35px;
}

div#main div#left #BlogLeftTop{
background:url(../img/blog_icon.png) no-repeat;
width:253px;
height:35px;
}

div#main div#left #BlogLeftTop a{
display:block;
width:100px;
height:35px;
float:left;
}

div#main div#left .AreaLeft{
background:url(../img/l_back.png) repeat-y;
padding:10px 11px 10px;
margin-bottom:15px;
text-align:left;
}

div#main div#left .AreaLeft dl{
padding-top:4px;
}

div#main div#left .AreaLeft dd{
margin:0px 0 15px 5px;
}

div#main div#left .AreaLeft dd.Pick_shingetu a{
display:block;
width:220px;
height:83px;
background:url(../img/hp_shingetu.jpg) no-repeat;
}

div#main div#left .AreaLeft dd.Pick_shingetu a:hover{
display:block;
width:220px;
height:83px;
background:url(../img/hp_shingetu_ov.jpg) no-repeat;
}

div#main div#left .AreaLeft dd.Pick_blog a{
display:block;
width:220px;
height:83px;
background:url(../img/hp_blog.jpg) no-repeat;
}

div#main div#left .AreaLeft dd.Pick_blog a:hover{
display:block;
width:230px;
height:83px;
background:url(../img/hp_blog_ov.jpg) no-repeat;
}

div#main div#left .AreaLeft dd.Pick_19 a{
display:block;
width:220px;
height:83px;
background:url(../img/hp_19.jpg) no-repeat;
}

div#main div#left .AreaLeft dd.Pick_19 a:hover{
display:block;
width:220px;
height:83px;
background:url(../img/hp_19_ov.jpg) no-repeat;
}

div#main div#left .AreaLeft dd.Pick_loveyou{
margin-bottom:5px;
}

div#main div#left .AreaLeft dd.Pick_loveyou a{
display:block;
width:220px;
height:96px;
background:url(../img/hp_loveyou.jpg) no-repeat;
}

div#main div#left .AreaLeft dd.Pick_loveyou a:hover{
display:block;
width:220px;
height:96px;
background:url(../img/hp_loveyou_ov.jpg) no-repeat;
}

div#main div#left .AreaLeft .ScBg{
_overflow:auto;
_height:auto;
}

div#main div#left .AreaLeft ul#sc {
padding:0px 10px 5px 15px;
}

div#main div#left .AreaLeft ul#sc li{
background:url(../img/list.gif) no-repeat left;
padding-left:9px;
list-style:none;
font-size:14px;
line-height:1.8;
}

div#main div#left .AreaLeft ul#sc  li.pick_up{
position:relative;
font-size:16px;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
}

div#main div#left .AreaLeft ul#sc  li.pick_up span{
background:url(../img/sc_pick.png) no-repeat;
width:48px;
height:27px;
position:absolute;
top:-15px;
left:-50px;
}

div#main div#left .AreaLeft ul#BlogInfo{
padding:0px 10px 5px 15px;
}

div#main div#left .AreaLeft ul#BlogInfo li{
background:url(../img/list.gif) no-repeat left;
padding-left:9px;
list-style:none;
font-size:12px;
line-height:1.6;
}

div#main div#left .AreaLeft ul#BlogInfo li a{
color:#FFFFFF;
}

div#main div#left .AreaLeft ul#BlogInfo li a:hover{
color:#EF1974;
}

/* ------  !end メインカラム左  ------ */


/* ------  メインカラム右  ------ */	

div#main div#right{
float:left;
width:634px;
overflow:auto;
}

div#main div#right .news{
background:url(../img/news_icon.png) no-repeat;
width:634px;
height:34px;
}

div#main div#right .AreaRight{
background:url(../img/r_back.png) repeat-y;
margin-bottom:30px;
padding:10px 20px 15px 14px;
text-align:left;
color:#FFFFFF;
line-height:1.6;
overflow:auto;
height:auto;
}

div#main div#right .endRight{
margin-bottom:10px;
}

div#main div#right .AreaRight p{
padding-top:10px;
}

div#main div#right .AreaRight img{
border: solid 4px #FFF;
margin-left:10px;
float:right;
}

div#main div#right .AreaRight h3{
background:url(../img/h3icon.png) left no-repeat;
color:#FFFFFF;
height:28px;
font-size:16px;
font-weight:bold;
border-bottom:dashed 1px #dddddd;
padding:0 0 5px 25px;
line-height:1.8;
display: block;
}


/* ------  !end メインカラム右  ------ */



/* ------  左カラムなしレイアウト  ------ */

div#contents{
width:900px;
background:url(../img/c_back.png) repeat-y;
text-align:left;
}

div#contents .contentArea{
padding:20px;
height:100%;
overflow:auto;
}



/* ------  !end 左カラムなしレイアウト  ------ */

/* ------  !end メインカラム  ------ */	



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

div#footer{
clear:both;
width:900px;
margin:10px auto;
text-align:right;
font-size:10px;
}

/* ------  !end footer  ------ */