@charset "UTF-8";

/*--------------------------------------------------------------------
/- file   : default.css
/- admin  : moag Inc. SHIGETA Makoto
/- update : 20110508
/- desc   : css for modern browser
/--------------------------------------------------------------------*/


/*----------------------------------------------------
	reset
----------------------------------------------------*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	font: 100%
}
fieldset,img { 
	border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border: 0;
}
strong {
	font-weight: bold;
}

/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

img{
	margin:0 auto;
	padding:0;
	 max-width: 100%;
     height: auto;
     display:block;
}


/*----------------------------------------------------
	フォントサイズ
----------------------------------------------------*/

/*----------------------------------------------------
基本フォントサイズは13px
個別にサイズを変えたい場合は下記を参考に%で指定する
10px →	77%
11px →	85%
12px →	93%
13px →	100%
14px →	108%
15px →	116%
16px →	124%
17px →	131%
18px →	139%
19px →	147%
20px →	154%
21px →	162%
22px →	169%
23px →	177%
24px →	185%
25px →	192%
26px →	200%
----------------------------------------------------*/

body {
	color: #333333;
	font:14px 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.9em;
}


/*----------------------------------------------------
	common setting
----------------------------------------------------*/
html,body {
	height: 100%;
	text-align: center;
	background: #ffffff;
	padding-bottom: 10px;
}

noscript {
	margin: 0px auto;
	text-align: center;
}
noscript p#noscriptDisplay {
	padding: 20px;
	color: #ff0000;
	text-align: center;
	font-weight: bold;
	font-size: 124%;
}

hr {
	display: none;
	clear: both;
}

.red {
	color: #990000;
}


/* フロート解除
----------------------------------------------------*/
.clear{
	clear: both;
}
        
/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */

div { zoom: 1; }
div:before,
div:after { content: ""; display: table; }
div:after { clear: both; }




/*----------------------------------------------------
	リンク設定
----------------------------------------------------*/
a {  
	cursor: pointer;
	color: #3366CC;
	text-decoration: underline; 
}
a:link {
	color: #3366CC;
	text-decoration: underline;
}
a:visited {
	color: #663399;
	text-decoration: underline;
}
a:hover {
	color: #558CFF;
	text-decoration: underline;
}
a:focus {
	color: #558CFF;
	text-decoration: underline;
}
a:active {
	color: #558CFF;
	text-decoration: underline;
}


/*----------------------------------------------------
	外枠の設定
----------------------------------------------------*/
div#container {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	
	
	/* margin-left: -1px; */
}
/* for Safari3 & Chrome */
html:not(:only-child:only-child) div#container {
	margin-left: 0px;
}








/*----------------------------------------------------
	スペース
----------------------------------------------------*/
.mb_20{
	margin-bottom:20px;
}

.mb_40{
	margin-bottom:40px;
}

.mt_20{
margin-top:20px;
}
.mt_40{
	margin-top:40px;
}