@charset "utf-8";



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



　リセットCSS + サイト共通設定



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



/* 全ての要素に対する余白初期値設定 */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, main,

menu, nav, output, ruby, section, summary,

time, mark, audio, video{

	margin:0;

	padding:0;

	border: 0;

	font-size: 100%;

}



/* デフォルト文字設定 */

body{

	color:#666666;

	font-family:sans-serif;

	font-size:87.5%;

	line-height:1.5;

}



/* リストマーカーを非表示 */

/* ul,ol{ 

	list-style-type:none;

}*/

/*ul,li{

  padding-left:0.5em;

}*/

/* テーブルセルのボーダーの設定 */

table {

	border-collapse: collapse;

	border-spacing: 0;

}



/* 画像とフォームパーツの上下位置をテキストの真ん中に */

img, input, select, textarea {

	vertical-align: middle;

}





/* デフォルトリンク色の設定 */

/*a{

	color:#00C4AB;

}*/



a:hover{

	color:#CCE739;

}



/* 画像リンクの設定 */

a img{

	opacity:1;

	filter: alpha(opacity=100);

}



a:hover img{

	opacity:0.7;

	filter: alpha(opacity=75);

}





/*	clearfix

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

.clearfix:after {/*for modern browser*/

   content: "";

   display: block;

   clear: both;

}



.clearfix { *zoom:1; } /*for IE6,IE7*/





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



　レイアウト



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

.inner{

	width: 880px;

	margin: 0 auto;

}

.subtitle{

	font-size:120%;

	font-weight: bold;

	text-align:left;

}

/*

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

body{



}



#header{

	width: 100%;

	margin: 0 auto;

	padding:10px 20px 10px 10px;

	border-top: blue 10px solid;

	background:#e6e6e6;



}



#english{

	padding:0px 0px 0px 50px;

	text-align: center;

}





/* フッター

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

#footer{

	padding: 10px 0;

	text-align: center;

clear: both;

}







/* グローバルナビゲーション

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

#gnav{

	background: #00c4ab;

}



#gnav a{

	color: #fff;

}







/* コンテンツエリア

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

#contents{

	width: 600px;

	margin: 0px auto;

	padding: 10px 10px 0 10px;

	border-left: #e6e6e6 1px solid;

	border-right: #e6e6e6 1px solid;

}



/* メインコンテンツ

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

.main{

	width: 575px;

	margin-top: 10px;

	float: right;

}





/* サイドバー

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

#side{

	width: 120px;

	margin-bottom: ;

	float: left;

}



/* ページトップ

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

#pagetop{

	clear:both;

}



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



　共有スタイル



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



h1{

	padding:0px 0px 0px 30px;

	font-size:250%;

	text-align: center;

}



h2{

	padding:0px 0px 0px 0px;

	font-size:115%;

	text-align: left;



}

h3{

	padding:0px 0px 0px 0px;

	font-size:100%;

	text-align: left;

	font-weight: bold;

	color: #0000ff;

}

h4{

	padding:0px 0px 0px 0px;

	font-size:100%;

	text-align: left;

	font-weight: bold;

}



li{

	line-height: 25px;

}

span.fontsmall {

	font-size: small;

}