@charset "UTF-8";

*    {
margin:0;
padding:0;
border:none;
color:#000000;
font-size:100%;
font-weight:normal;
font-style:normal;
text-decoration:none;
line-height:1.0;
}

html{
    height:100%;
}


/* font reset style */
body  {
font:13px/1.231 "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,Verdana,sans-serif;
*font-size:small;
*font:x-small;
margin:0;  /*---Safari対策-------*/
padding:0;
background:url(images/bg.gif) 0 0 repeat;
background-color:#ffebe1;
height:100%;
}

table  {
font-size:inherit;
font:100%;
}


pre, code, kbd, samp, tt  {
font-famiy:monospace;
*font-size:108%;
line-height:100%;
}

img  {
margin:0;
padding:0;
border:0;
text-align:left;
}


div {display: block;}

h1, h2, h3, h4, h5, h6, p, address	{
	display: block;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	margin:0;  /*---Safari対策--各セレクタをつけてmargin,padding指定--------*/
	padding:0;
	}  

p {margin: 0px 0px 0px 0px;}
hr {display: none;}
ul, li  {margin:0; padding:0;}/*---各ブラウザで解釈がちがうのでリセット(for WORDPRESS)--------*/

/* -----------------------  */

/* clearfix --------------*/
.clearfix:after{
   content: " "; 
   display: block; 
   visibility: hidden; 
   clear: both; 
   height: 0.1px; 
   font-size: 0.1em; 
   line-height: 0;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

a  {outline:none;}  /*IEやFirefox Linkの枠を出ないようにする*/

a:link {
	text-decoration: none;
color:#000000;
}
a:visited {
	text-decoration: none;
color:#000000;
}
a:hover {
    text-decoration: underline;
color:#000000;

}
a:active {
text-decoration: underline;
outline:none;  /*IEやFirefox Linkの枠を出ないようにする*/
}

.clear {clear: both;float: none;border: none;}

/* -------------------------*/

/* ----レイアウト-----*/


body > #Wrap {
    height: auto;
}

#Wrap   {
width:700px;
margin:0 auto;
background-color:#FFF;
height:100%;
min-height:100%;
}

#Header  {
	padding-bottom:5px;
}

#MainContent   {
	width:620px;
	margin:0 auto;
	padding-bottom:20px;
}

#LeftCont  {
	float:left;
	width:435px;
}

#RightCont  {
	float:right;
	width:165px;
}


/* ----コンテンツ-----*/

#MainFlash   {
width:405x;
height:155px;
background:url(images/waku01.gif) 0 0 no-repeat;
padding:20px 0px 0px 30px;
}

p#fcaption  {
font-size:0.75em;
padding:8px 0px 20px;
text-align:center;
}

#MainBanner   {
padding-bottom:7px;
}

#MainBanner a:hover img  {
-moz-opacity:0.60;
opacity:0.60;
filter:alpha(opacity=60);
}


#SttlChoice  {
	padding-bottom:3px;
}

#SttlSample  {
	text-align:center;
	padding-bottom:3px;
}
	
#SttlTag  {
	padding:8px 0px 3px;
}

#Flash   {
width:165px;
height:222px;
background:url(images/waku02.gif) 0 0 no-repeat;
}


#SideTag   {
	width:157px;
	border:solid 1px #000000;
	padding:3px;
}

#FlashBox  {
border:solid 1px #000000;
padding:13px 28px;
margin-top:10px;
}

#siyou  {
	border-bottom:solid 1px #3f2110;
	padding-bottom:5px;
color:#000000;
	margin-bottom:10px;
	font-size:1.1em;
	font-weight:bold;
}
	

#Usage  {
	width:555px;
	overflow:hidden;
}


p.sttl  {
font-weight:bold;
padding-bottom:7px;
color:#000000;
}

p.des    {
font-size:0.9em;
line-height:1.4;
padding-bottom:8px;
color:#000000;
}

#Footer  {
	width:643px;
	margin:0 auto;
}

#Copyright  {
text-align:center;
font-size:0.7em;
padding:10px 0px 30px;
color:#000000;
}