/* ブラウザCSSリセット ------------------------------ */

*{
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5,h6,p,address,th,strong,em,ul,ol,dl,a{
font-size: 100%;
line-height: 100%;
font-weight: normal;
font-style: normal;
text-align: left;
margin: 0;
padding: 0;
}

img{
border: none;
}

ul{
list-style-position: inline;
list-style: none;
}


/* 基本設定 ------------------------------ */

body{
width: 800px;
color: #ffffec;
background-color: #000;
margin-left: auto;
margin-right: auto;
border-left: 1px solid #6d3d56;
border-right: 1px solid #6d3d56;
}

#container{
margin: 0;
padding: 0;
background-color: #000;
}

a,ul,dl,p,ol{
font-size: 80%;
line-height: 140%;
}

a{
color: #e16893;
text-decoration: none;
}

a:hover{
color:#f3bcc4;
text-decoration: underline;
}


/***************** 基本画面分割 *****************/

/* ヘッダー ------------------------------ */

#header{
width: 800px;
height: 250px;
margin: 0;
padding: 0;
background: url(../common_img/image.gif);
border-bottom: 2px solid #9155ff;
}


/* パンくず ------------------------------ */

#breadCrumb{
margin: 0;
padding: 0;
}


/* コンテンツ全体−メイン ------------------------------ */

#main{
float: right;
width: 620px;
margin: 0;
padding: 0;
}


/* コンテンツ全体−サイドメニュー ------------------------------ */

#sidemenu{
float: left;
width: 180px;
margin: 0;
padding: 0;
}


/* フッター ------------------------------ */

#footer{
clear: both;
width: 800px;
background: #da4579;
margin-top: 10px;
}



/***************** 基本画面デザインサイズ *****************/

/* ヘッダーデザインサイズ ------------------------------ */

#headerdesign{
padding: 18px 15px 10px 15px;
}


/* 横並びメニューデザインサイズ ------------------------------ */

#menudesign{
padding-top: 7px;
padding-left: 10px;
}


/* パンくずデザインサイズ ------------------------------ */

#breaddesign{
margin: 0;
padding: 0;
}


/* コンテンツ全体−メインデザインサイズ ------------------------------ */

#maindesign{
margin: 8px;
}


/* コンテンツ全体−サイドメニューデザインサイズ ------------------------------ */

#sidemenudesign{
margin: 0;
}


/* フッターデザインサイズ ------------------------------ */

#footerdesign{
margin: 10px;
}




/* ■■■■■■■■■■■ ↓作業するのはここから↓ ■■■■■■■■■■■ */

/***************** 各デザイン *****************/

/* ヘッダー≫デザイン ------------------------------ */

#headerdesign h1{
font-size: 70%;
color: #000;
}


/* パンくず≫デザイン ------------------------------ */

#breaddesign{
padding: 7px 20px;
}

#breaddesign a{
text-decoration: underline;
}

#breaddesign a:hover{
color: #FF0000;
}

#breaddesign strong{
font-size: 80%;
font-weight: bold;
}


/* コンテンツ全体−メイン≫デザイン ------------------------------ */

p#topcomment{
padding: 8px 30px;
margin-bottom: 8px;
}

#pleft{
float: left;
margin-left: 20px;
width: 70%;
}

p.pnormal{
line-height: 190%;
margin-left: 10px;
margin-bottom: 20px;
list-style-position: inside;
}

.iright{
display: block;
float: right;
margin-right: 30px;
}

.manga{
clear: both;
display: block;
font-size: 140%;
font-weight: bold;
color: #9ce4ff;
text-decoration: underline;
text-align: center;
margin-bottom: 30px;
margin-top: 50px;
}

#sitelist{
margin: 20px 20px 30px 50px;
}

#sitelist ul{
list-style-type: square;

}

#sitelist li a{
font-size: 90%;
line-height: 240%;
text-decoration: underline;
padding-left: 5px;
}

h3#title01{
font-size: 100%;
font-weight: bold;
color: #c898fe;
padding: 3px 10px;
margin: 20px 15px 15px 15px;
border-left: 8px solid #d83d73;
border-bottom: 1px solid #e8d2ff;
}

h4#title02{
font-size: 90%;
color: #da4579;
font-weight: bold;
padding: 5px 10px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 10px;
border-bottom: 1px dotted #eb94a0;
}

p.pnormal02{
line-height: 190%;
margin-left: 30px;
margin-bottom: 20px;
list-style-position: inside;
}

ul.ulnormal{
line-height: 150%;
margin: 0 30px 50px 30px;
list-style-position: inside;
list-style-type: square;
}

.imgcenter{
display: block;
margin-left: auto;
margin-right: auto;
}

.manga02{
font-size: 130%;
font-weight: bold;
color: #9ce4ff;
text-align: center;
margin-bottom: 30px;
margin-top: 30px;
}

.manga02 a{
font-size: 90%;
font-weight: bold;
color: #e16893;
text-decoration: underline;
text-align: center;
margin-bottom: 30px;
margin-top: 30px;
}

.manga02 a:hover{
color: #ffffec;
text-decoration: none;
}


/* コンテンツ全体−サイドメニュー≫デザイン ------------------------------ */

#sidemenudesign ul{
display: block;
}

#sidemenudesign h4{
text-indent:-9999px;
height: 31px;
background: url(../common_img/cg_title.gif) no-repeat;
}

#sidemenudesign li a{
display: block;
font-size: 90%;
line-height: 34px;
height: 34px;
padding-left: 30px;
background: url(../common_img/cgmenu_bg.gif) no-repeat #000;
background-position: 13px center;
border-bottom: 1px dotted #eb94a0;
}

#sidemenudesign li a:hover{
text-decoration: underline;
}

#sidemenudesign li a.two{
display: block;
line-height: 110%;
padding-top: 3px;
}

#sidemenudesign img{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 2px;
}

#sidemenudesign p.ex{
text-align: center;
}

#sidemenudesign p.ex a{
font-size: 85%;
text-decoration: underline;
}

#sidemenudesign p.ex a:hover{
text-decoration: none;
color: #ff7419;
}




/* フッター≫デザイン ------------------------------ */

#footerdesign li{
display: inline;
font-size: 90%;
border-right: 1px solid #FFF;
padding: 0 5px;
}

#footerdesign li a{
font-size: 90%;
color: #eea8c0;
text-decoration: underline;
}

#footerdesign li a:hover{
font-size: 90%;
text-decoration: none;
}

#footerdesign p{
font-size: 80%;
padding-left: 5px;
}

address{
display: block;
font-size: 80%;
color: #FFF;
text-align: center;
padding: 5px;
}

address a{
font-size: 90%;
color: #eea8c0;
text-decoration: underline;
}

address a:hover{
font-size: 90%;
text-decoration: none;
}