@charset "utf-8";

/* ---
Reset
------------------------------------------------------ */
*        { margin:0;padding:0; }
img      { border:none;vertical-align:top; }
p,ul,dl,dt,dd  { margin:0;padding:0; }
b,strong { font-weight:bold; }
li       { margin:0;padding:0;list-style:none; }
.clear   { clear:both;}

h1,h2,h3,h4,h5,h6 {
  padding:0;
  margin:0;
  font-size:12px;
  font-weight:normal;
  clear:both;
}

/* ---
Base
------------------------------------------------------- */
blockquote {
  margin:10px;
  padding:10px;
  text-align:left;
  background:#f4f4f4;
}
	
hr {
  border:dotted #ccc;
  border-width:1px 0px 0px 0px;
  height:1px;
  overflow:hidden;
  margin:7px 0;
  clear:both;
}

hr.border{
  border:solid #f786c7;
  border-width:5px 0px 0px 0px;
  height:5px;
  margin:10px 0 20px 0;
  clear:both;
}

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

table { font-size:12px; }
	
body {
  margin:0;
  padding:0;
  text-align:center;
  font:12px  "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  background:#fff;
  line-height:160%;
  color:#666666;
}

/* Font Setting
==========================================================*/
.font-color-gray   {color:#888;}
.font-color-orange {color:#f93;}
.font-color-red    {color:#c00;}
.font-color-white  {color:#fff;}
.font-color-blue   {color:#000066;}
.font-color-green  {color:#006600}
.font-color-pink   {color:#e93069;}
.font-color-purple {color:#a644ff;}
.font-color-cyan   {color:#3aa;}
.font-size-large   {font-size:16px;font-weight:normal;}
.font-size-nomal   {font-size:12px;font-weight:normal;}
.font-size-small   {font-size:10px;font-weight:normal;}
	
/* Finding Setting
==========================================================*/
h1 {
  color:#FF0066;
  text-indent:-9999px;
}
	
h2 {
  clear:both;
  margin-bottom:10px;
}

h3 {
  height:35px;
  line-height:38px;
  text-indent:35px;
  font-weight:bold;
  color:#666666;
  font-size:150%;
  letter-spacing:5px;
  background:url(image/main/h3.jpg) no-repeat;
  margin-bottom:10px;
}

h4 {
  height:20px;
  line-height:20px;
  text-indent:25px;
  font-weight:bold;
  color:#D61081;
  font-size:120%;
  letter-spacing:2px;
  background:url(image/main/h4.jpg) no-repeat;
  margin-bottom:10px;
}

h5 {
	height:20px;
	line-height:20px;
	text-indent:25px;
	color:#D61081;
	font-size:110%;
	letter-spacing:2px;
	margin-bottom:10px;
	}

h5 a {
  color:#D61081;
}

h6{
  color:#d61081;
  margin:10px auto 20px auto;
  font-weight:bold;
  border-bottom:1px dashed #999999;
}


/* 2: Huck
----------------------------------------------------------------------------------------------*/

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,
div#wrapper:after,
div#content:after,
div#sidebar :after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,
div#wrapper,
div#content,
div#sidebar { display: inline-block;}
/* exlude MacIE5 \*/
* html .clearfix,
* html div#wrapper,
* html div#content,
* html div#sidebar  { height: 1% }
.clearfix,
div#wrapper,
div#content,
div#sidebar  {display:block;}
/* end MacIE5 */


/* Safariのフォントサイズを変更
==========================================================*/
html:\66irst-child body,
html:\66irst-child table{
	font-size:10px;
}


/* CSSロールオーバー(アルファ使用)
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}

.banner_side a:hover img{
	opacity:1.0;
	filter: alpha(opacity=100);
}

/* 3: Layout Setting
----------------------------------------------------------------------------------------------*/

/* main-layout
==========================================================*/
div#container-back {
    width:820px;
    background:url(image/main/content_back02.jpg) repeat-y center top;
	text-align:center;
	margin:0 auto;
	}

div#container-back02 {
	width:820px;
	background:url(image/main/content_back01.jpg) no-repeat center top;
	text-align:center;
	margin: 0 auto;
	}

div#container {
    width:800px;
	text-align:center;
	margin: 0 auto;
	}

div#wrapper{
    padding-right:37px;
	text-align:justify;
	text-justify:inter-ideograph;
	margin:0 auto;
	}
	
div#content {
	width:545px;
        float:right;
	}
	
div.main {
         margin:0px;
         padding:0px;
	}

/* layout 
左メニューの場合は「layout-left」を、
右メニューの場合は「layout-right」を使用
*/
body#layout-left #content  { width:550px; float:right; clear:right;}
body#layout-right #content { float:left;  }
	

/* header 
==========================================================*/
div#header {
    height:38px;
	text-align:left;
	}			
		
/* footer
==========================================================*/
div#footer {
	width:820px;
	height:68px;
	clear:both;
	padding-top: 18px;
	background:url(image/main/footer.jpg) no-repeat bottom;
	}

div#footer div#footer-inner{
	width: 543px;
	padding: 0 47px 0 230px;
	font-size: 92%;
}

div#footer p {
	width:500px;
	margin: 0 auto 0;
  color:#c60070;
  text-align: center;
	font-size: 92%;
}
	
div#footer p a
{ color:#c60070; }
	
div#footer p.f01
{
	margin-top:5px;
}
/* sidebar
==========================================================*/
div#sidebar                { width:200px; padding-top:35px;}
body#layout-left #sidebar  { width:200px; float:left; }	
body#layout-right #sidebar { float:right; clear:left; }

div.side-form {
    width:200px;
	padding-bottom:20px;
	}
div.side-form a:hover {
    text-decoration:none;
	}

div#logo {
    padding-left:30px;
    clear:left;
	}
		
div.side-form ul {
    padding-top:40px;
    padding-left:45px;
    text-align:left;
	}
	
div.side-form ul li{
	height:28px;
	list-style:none;
	font-size:12px;
	line-height:28px;
	letter-spacing:2px;
	}

div.side-form ul li a {
	color:#7777777;
	}
	
div.side-form ul li a:hover {
	color:#db1b88;
	}
		
/* entry
==========================================================*/
div.entry{
        margin:0px;
        padding:0px;
	}
	
div.entry-body{
        margin:0px;
	padding:0px;
	}
	
div.entry-body p{
	padding-bottom:10px;
	}
	
div.entry-more{
	padding-top:10px;
	text-align:right;
	}

div.img-box {
  margin-bottom:20px;
  text-align:center;
}