@charset "UTF-8";

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:middle;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/* 一般・共通設定 */
body{
	color: #222222;
	font: 14px/16px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;	
	background-color: #ffffff; 
}

h1{
	font-size: 150%;
	line-height: 2.0em;	
	letter-spacing: 0.1em;
	margin: 8px;
	padding: 8px 12px 8px 12px;
	background-color: #FFFFFF;
	text-align: center;
}

h2{
	text-align: left;
	font-size: 130%;
	line-height: 1.5em;	
	letter-spacing: 0.1em;
	border-left: 16px #639EF6 solid;
	border-right: 1px solid #639EF6;
	border-top: 1px solid #639EF6;
	border-bottom: 1px #639EF6 solid;
	padding: 8px;
	margin: 16px 8px 16px 8px;
}

h3{
	text-align: left;
	font-size: 110%;
	margin: 8px 120px 16px 72px;
	padding: 2px;
	line-height: 1.4em;	
	letter-spacing: 0.1em;
}

a{
	text-decoration: none;
}

.fontBold{
	font-weight:bold;
}

.font20{
	font-size: 22px;
	line-height: 1.5em;
}

.center{
	text-align: center;	
}

.float-left{
	float: left;
	margin: 20px;
}

.float-right{
	float: right;
	margin: 8px;
}

.clear{
	clear: both;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.color-blue{
	color: blue;
}

#wrapper{
	width: 720px;
	margin: 0 auto;
	background-color: #ffffff;
	box-shadow: 1px 1px 10px #666666;
}

/* ヘッダー */
#header{
}

/* トップ　*/
#top{
}

#top_visual{
}

#inf{

}



/* ナビゲーション */

#nav{
	width: 720px;
	height: 48px;
	font-size: 120%;
	background-color: #ffffff;
}	
	#nav a{
		display: block;
		color: #000000;
		text-decoration: none;
		text-align: center;
		padding: 16px 16px 16px 16px;
	}
	
	#nav a:hover{
		background-color: #CCCCCC;
	}
	
	#nav .current{
		display: block;
		color: #000000;
		text-align: center;
		padding: 16px 16px 12px 16px;
		border-bottom: solid 4px #639EF6;
	}
	

/* メインコンテンツ　*/
#main{
	padding: 8px;
	
}

/* 記事 */
.box{
	width: 640px;
	margin: 32px;
	padding: 0px;
}

.box_title{
	padding: 8px;
}

.box_left{
	padding: 8px;
	width: 304px;
	float: left;
}

.box_right{
	padding: 8px;
	width: 304px;
	float: right;
}
	

/* フッター */
#footer{
	padding-top: 10px;
	width: 720px;
	background-color: #ffffff;
	text-align: center;
}

#secound_nav{
	font-size: 100%;
	text-align: center;	
}

	#secound_nav a{
		text-decoration: none;
		color: #000;
	}

	#secound_nav a:hover{
		background-color: #CCCCCC;
	}

#small{
	margin: 8px;
	font-size: 81%;
	line-height: 2em;	
	letter-spacing: 0.1em;
}