@charset "utf-8";

/* Reset Style--------------------------------- */

*	{ margin: 0; padding: 0; font-size: 100%; }
html { color: #333; background-color: #FCFCFB; height:100%; }/* 変更前色 #EFF3EE*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #444;
	background-color:#FFFEF1;
	font-size: 12px;
	line-height: 2.2;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	overflow-x : hidden ; 
}hr { display: none; }
img { border: none; vertical-align: bottom; }
div, dl, dt, dd, form, input, ul, ol, li, p, select, textarea, span, th, td { margin: 0; padding: 0; list-style:none; }
address, th, caption, em, strong	{ font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6				{  font-size: 100%; font-weight: normal; margin: 0; padding: 0; }
a			{ overflow: hidden; }
a:link		{ color: #333; text-decoration: underline; }
a:visited	{ color: #333; text-decoration: none; }
a:hover, 
a:active	{ color: #666; text-decoration: none; }
p,td,th,dd,dt,li {font-size: 100%; color: #444; line-height: 1.8em; text-align:left;}
p.textright { text-align: right;}
span.textright { display: block; text-align: right;}
p.textcenter{ text-align: center;}
p.textleft { text-align: left;}

/*反転時の文字色・背景色 */
selection {
background: #FBBF68;  /* 背景色*/
color:#3C2E30;  /* 文字色*/
}
/* Firefox対応*/
-moz-selection {
background: #FBBF68;  /* 背景色 */
color:#3C2E30;        /* 文字色 */
}

/** section */
section{ padding:0; margin:0 0 0 0;}
article{ padding:0; margin:0 0 0 0; clear:both;}
aside{ padding:0; margin:0 0 0 0; clear:both;}

.top_image_main{
	position:absolute;
	left:-90px;
}


/*---------------------------------------------
 ** 共通
---------------------------------------------*/
.m_T_10px{ margin-top:10px;}
.m_T_15px{ margin-top:15px;}
.ma_top{ margin-top:20px;}
.m_top_30px{ margin-top:30px;}

.m_R_15px{ margin-right:15px;}
.m_R_20px{ margin-right:20px;}
.m_R_30px{ margin-right:30px;}
.m_R_63px{ margin-right:63px;}

.m_L_15px{ margin-left:15px;}
.m_L_25px{ margin-left:25px;}

.m_bottom_15px{ margin-bottom:15px;}
.m_bottom_30px{ margin-bottom:30px;}
.m_bottom_40px{ margin-bottom:40px;}
.m_bottom_50px{ margin-bottom:50px;}
.m_bottom_60px{ margin-bottom:60px;}

.f_Left{ float:left;}
.f_Right{ float:right;}

.span-c{ color:#FF0000;}
.span-w{ font-weight:bold;}
section.box{
	height:100%;
	width:664px;
	margin:0 2px 0 4px;
    padding:30px 30px 30px 30px;
    text-align:left;
    background: #FFF;
    position:relative;
	border:1px solid #E9E6DF;
    -webkit-box-shadow: #ECECEA 0px 0px 4px;
    -moz-box-shadow: #ECECEA 0px 0px 4px;
    box-shadow: #ECECEA 0px 0px 4px;
    behavior:url(../PIE.htc);
    clear: both;
}
.clear{ clear: both;}
.it_blog{ margin:20px 0 30px -6px;}


.f_11{ font-size:11px;}


.w_422px{width:422px;}

a.hover {
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
}
a.hover:hover{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }

/* 共通box */
section.box{
	background-color:rgb(255,255,255);
	padding:20px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0px 2px 4px rgba(0,0,0,0.16);
	-webkit-box-shadow:0px 2px 4px rgba(0,0,0,0.16);
	box-shadow:0px 2px 4px rgba(0,0,0,0.16);
	_zoom: 1;
	overflow: hidden;
	margin:0 0 40px 0;
}