/* CSS Document */

/*:::::INDEX:::::
1.リセット
2.全体枠
3.ヘッダー
4.ナビゲーション
5.トップのコンテンツ
6.インフォメーション
7.プロフィール
8.ダイアリー
9.フッター
:::::::::::::::*/

/*------------------------------------
1.リセット
------------------------------------*/

*{
margin:0;
padding:0;
font-size:100%;
font-weight:normal;
font-style:normal;
text-decoration:none;
}
img{
border:none;
vertical-align:bottom;
}
body {
text-align: center;
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
color:#555;
background:#e60012;
}
.clearboth{
clear:both;
}
a:link {
color: #e60012;
text-decoration: underline; }
a:visited {
color: #555;
text-decoration: underline; }
a:active {
color: #555;
text-decoration: underline; }
a:hover {
color: #a40000;
text-decoration: underline; }
/*------------------------------------
2.全体枠
------------------------------------*/
#container{
width:780px;
margin:0px auto;
text-align:center;
background:url(img/main_bg.gif) repeat-y #fff;
}
/*------------------------------------
3.ヘッダー
------------------------------------*/
#header{
width:780px;
background:url(img/header01.gif) no-repeat;
text-align:center;
position:relative;
}
#header.top{
height:408px; }
.line {
width: 760px;
overflow: hidden;
margin-right: auto;
margin-left: auto;
border-top: 5px solid #000;
display: block; }
#header h1{/*最上部の5px画像*/
text-indent:-5000px;
width:780px;
height:0;
background:url(img/header01.gif) no-repeat;
line-height:5px;
}
#header h2{
width:760px;
text-indent:-5000px;
margin:0 auto 0;
}
#header h2.top{/*須賀健太君の写真*/
height:405px;
background:url(img/h2_photo.jpg) no-repeat;
margin-bottom:0px;
}
#header h2.information{
height:100px;
background:url(img/h2_information.jpg) no-repeat;
margin-bottom:1px;
}
#header h2.profile{
height:100px;
background:url(img/h2_information.jpg) no-repeat;
margin-bottom:1px;
}
#header h2.diary{
height:100px;
background:url(img/h2_information.jpg) no-repeat;
margin-bottom:1px;
}
#header .flash{
position:absolute;
width:730px;
height:390px;
top:15px;
left:25px;
z-index:100;
}
/*------------------------------------
4.ナビゲーション
------------------------------------*/
#navi{
width:760px;
height:35px;
background:url(img/navi_bg.gif) no-repeat;
position:relative;
margin:0 auto 15px;
padding-bottom:0;
}
#navi ul{
list-style:none;
text-indent:-5000px;
}
#navi li{
text-indent:-5000px;
height:35px;
display:inline;
text-align:left;
left: 35px; }

#navi ul li.menu1 a{
position:absolute;
display:block;
width:66px;
height:35px;
border:none;
background:url(img/menu1_on.gif) no-repeat;
top:0;
left:33px;
}
#navi ul li.menu1 a:hover {
background-image:none;
}
#navi ul li.menu2 a{
position:absolute;
display:block;
width:120px;
height:35px;
border:none;
background:url(img/menu2_on.gif) no-repeat;
top:0;
left:142px;
}
#navi ul li.menu2 a:hover {
background-image:none;
}
#navi ul li.menu3 a{
position:absolute;
display:block;
width:86px;
height:35px;
border:none;
background:url(img/menu3_on.gif) no-repeat;
top:0;
left:301px;
}
#navi ul li.menu3 a:hover {
background-image:none;
}
#navi ul li.menu4 a{
position:absolute;
display:block;
width:70px;
height:35px;
border:none;
background:url(img/menu4_on.gif) no-repeat;
top:0;
left:422px;
}
#navi ul li.menu4 a:hover {
background-image:none;
}
/*------------------------------------
5.トップのコンテンツ
------------------------------------*/
#contents{
width:728px;
margin:0 auto;
font-size:13px;
background-color: transparent;
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 0 0; }
/*#contents p.pankuzu{
font-size:12px;
text-align:left;
padding-bottom:5px;
}*/
#left{/*左側インフォメーション*/
width:352px;
text-align:left;
float:left;
position:relative;
border: solid 1px #727272; }
#left h3{
width:352px;
height:49px;
text-indent:-5000px;
background:url(img/h3_information.jpg) no-repeat;
}
#left h3 a{
position:absolute;
top:11px;
left:15px;
width:321px;
height:51px;
border:none;
}
#left ul,#right ul{
width:300px;
font-size:12px;
line-height:1.4em;
padding-left:30px;
margin-top:10px;
margin-bottom:10px;
}
#left ul li,#right ul li{
padding-left:15px;
background:url(img/list01.gif) 0 0.5em no-repeat;
list-style:none;
line-height:1.6em;
}


#right{/*右側ダイアリー*/
width:352px;
float:right;
text-align:left;
position:relative;
border: solid 1px #727272; }
#right h3{
width:352px;
height:49px;
text-indent:-5000px;
background:url(img/h3_diary.jpg) no-repeat;
}
#right h3 a{
position:absolute;
top:11px;
left:15px;
width:321px;
height:51px;
border:none;
}
#contents p.ichiran{
text-indent:-5000px;
text-align:left;
padding-bottom:5px;
margin-left:260px;
}
#contents p.ichiran a{
display:block;
width:85px;
height:16px;
background:url(img/ichiran_off.gif) no-repeat;
border:none;
}
#contents p.ichiran a:hover{
background-image:url(img/ichiran_on.gif);
}
/*------------------------------------
6.インフォメーション
------------------------------------*/
#information{
width:600px;
margin:0 90px;
/*background:url(img/photo3.jpg) right 95px no-repeat;*/
/*background:url(img/photo3.jpg) 95px right no-repeat;*/
text-align:left;
/*float:right;*/
}
#information h3{
text-indent:-5000px;
background:url(img/information_07.gif) no-repeat;
width:600px;
height:38px;
margin-top:24px;
margin-bottom:20px;
padding:0;
}
#information h4{
width:589px;
height:14px;
text-indent:-5000px;
margin:28px 5px 5px;
}
#information h4.news{
background:url(img/h4_news.gif) no-repeat;
}
#information h4.info{
background:url(img/h4_info.gif) no-repeat;
}
#information h4.event{
background:url(img/h4_event.gif) no-repeat;
}
#information h4.appear{
background:url(img/h4_appear.gif) no-repeat;
}
#information h4.sale{
background:url(img/h4_sale.gif) no-repeat;
}
#information h5{
color: black;
font-size:14px;
font-weight:bold;
height: 24px;
margin:1.8em 0 5px 40px;
padding-left: 1em; }
#information dl{
font-size:12px;
padding-left:60px;
line-height:150%;
}
#information dt{
clear:left;
width:80px;
float:left;
display:block;
}
#information dd{
width:436px;
margin-left:100px;
margin-bottom:10px;
border-bottom: 1px dotted #ccc;
display:block; }
/*------------------------------------
7.プロフィール
------------------------------------*/
#profile{
width:600px;
margin:0 90px;
text-align:left;
}
#profile h3{
clear:both;
text-indent:-5000px;
width:600px;
height:38px;
margin-top:10px;
margin-bottom:15px;
padding:0;
}
#profile h3.profile{
background:url(img/h3_profile.gif) no-repeat;
}
#profile h3.sakuhin{
background:url(img/h3_sakuhin.gif) no-repeat;
margin-top:50px;
}
#profile img{
float:left;
padding-left:10px;
}
#profile h4{
font-size:15px;
font-weight:bold;
line-height:2em;
padding-left:30px; }
#profile h5{
color: black;
font-size:14px;
font-weight:bold;
line-height:1.6em;
margin-top: 24px;
padding-left:1em;
margin-bottom:10px;
margin-left: 20px;
border-bottom:1px solid #ff0000;
border-left: 4px solid #000; }

#profile p{
font-size:12px;
line-height:1.5em;
padding-left:30px;
}
#profile dl{
font-size:12px;
padding-left:70px;
margin-top:10px;
}
#profile dt{
clear:left;
width:100px;
float:left;
line-height:120%;
border-bottom: 1px solid #b3b3b3;
display:block; }
#profile dd{
width:400px;
margin-left:110px;
margin-bottom:1em;
line-height:120%;
border-bottom: 1px dotted #ccc;
display:block; }
/*------------------------------------
8.ダイアリー
------------------------------------*/
#diary_left{
width:510px;
padding-left:40px;
float:left;
margin-top:15px;
text-align:left;
}
#diary_left #prenext{
width:510px;
margin:5px 0 3px 0;
font-size:12px;
padding-bottom:2px;
text-align:center;
}
#prenext .pre{
width:200px;
float:left;
text-align:right;
padding-right:10px;
padding-bottom:2px;
}
#prenext .main{
width:80px;
float:left;
text-align:center;
padding-bottom:2px;
}
#prenext .next{
width:200px;
text-align:left;
padding-left:10px;
margin-left:290px;
padding-bottom:2px;
}
p.page{
text-align:center;
font-size:12px;
padding-bottom:2px;
}
#diary_left .entry{
background-color: transparent;
background-repeat: repeat-y;
background-attachment: scroll;
background-position: 0 0;
clear:both;
width:510px;
margin:10px 0 24px;
border-color: #e60012;
border-style: solid;
border-width: 1px 1px 2px; }
#diary_left .entry h3{
width:510px;
height:36px;
font-size:14px;
padding-left:20px;
background:url(img/entry_top.jpg) no-repeat;
padding-top:0.6em; }
#diary_left .entry h4{
padding-left:30px;
font-size:12px;
color:#3399FF;
}
#diary_left .entry p{
font-size:12px;
line-height:1.5em;
margin:10px 20px;
}
#diary_left .entry img{
/*float:left;*/
margin:10px;
}
a img{
border:none;
}
#diary_left .entry img.bottom{
margin:0;
clear:both;
}

#diary_right{
width:152px;
padding-right:40px;
float:right;
margin-top:15px;
text-align:left;
}
#diary_right h3{
width:151px;
height:24px;
text-indent:-5000px;
margin-top: 12px;
margin-bottom:10px;
border-top: 1px solid #e60012;
border-right: 1px solid #e60012;
border-left: 1px solid #e60012; }
#diary_right h3.category{
background:url(img/diary_category.jpg) no-repeat;
}
#diary_right h3.backnumber{
background:url(img/diary_backnumber.jpg) no-repeat;
}
#diary_right ul{
list-style:none;
font-size:12px;
margin-bottom:20px;
padding-left:8px;
width:142px;
padding-bottom:2px;
}
#diary_right ul li{
background:url(img/list01.gif) no-repeat left center;
padding-left:15px;
line-height:1.5em;
margin-top: 0.4em; }
#diary_right #backnumber{
font-size:12px;
margin-left:8px;
}
/*------------------------------------
9.フッター
------------------------------------*/
#footer{
clear:both;
width:780px;
height:100px;
text-align:center;
background:url(img/footer.gif) bottom no-repeat;
padding-top:15px;
}
#footer ul{
width:730px;
list-style:none;
margin:0 auto;
}
#footer li{
text-indent:-5000px;
}
#footer li.central a{
float:left;
display:block;
width:66px;
height:54px;
background:url(img/central_logo.gif) no-repeat;
}
#footer li.mail a{
float:right;
display:block;
width:172px;
height:69px;
background:url(img/tomail_off.jpg) no-repeat;
}
#footer li.mail a:hover{
background:url(img/tomail_on.jpg);
}

#footer p{
font-size:11px;
padding-bottom:8px;
}
#footer a{
border:none;
}
#footer h2.credit{
text-indent:-5000px;
}