@charset "utf-8";
/* CSS Document */

/*
===============================================================================
初期設定
===============================================================================
*/

/*-----------------------------------------------------------------------------
タグのブラウザ依存設定を初期化
-----------------------------------------------------------------------------*/
/*
Reset: margin, padding propaty*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,img,th,form,table {
margin:0;padding:0; }

/*
Reset: border propaty*/
img {
border:0;
 }

/*
Reset: List selector*/
ol,ul {
list-style:none; }

/*
Reset: font propaty*/
address {
font-style:normal;font-weight:normal; }
a	{
/*	text-decoration:none;*/
}


/*-----------------------------------------------------------------------------
フォントフェイス、フォントサイズ、行間の基本設定
-----------------------------------------------------------------------------*/
/*
Reset: font-size, line-height propaty
ブラウザのデフォルトフォントサイズを16pxと前提*/
body {
font-size: 85%;/*14px*/ /*75%;  12px */    line-height: 1.4; }
h1,h2,h3/*,h4,h5,h6*/ {
font-size: 1.2em; /* 14px */ line-height: 1.0; }
p, dd {
/*font-size: 1.0em;  12px */ line-height: 140%; letter-spacing:0.1em;}

/*大部分のタグ対象へ*/
h1,h2,h3,h4,h5,h6,a,ul, li, td, p{
	color:#333;
}
/* 
Reset: font-family propaty*/
body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;}
/*font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/


/*-----------------------------------------------------------------------------
フロート操作によるボックスの高さ調整
-----------------------------------------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */


/*-----------------------------------------------------------------------------
Firefoxの右側スクロールバーの表示
Firefox上でコンテンツの高さがウィンドウの高さより短い場合に表示位置がずれる現象を解消
-----------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
hr {
	display: none;
}

/*-----------------------------------------------------------------------------
letter-spacingを設定するとIEでbrが効かない現象解消
-----------------------------------------------------------------------------*/
br {
  letter-spacing: 0;
}

/*-----------------------------------------------------------------------------
新聞記事のように先頭文字のみインパクト与えるスタイル
-----------------------------------------------------------------------------*/
p.impact:first-letter{
	font-weight: bold;
	font-size: 200%;
}

/*-----------------------------------------------------------------------------
テキストのスタイル
-----------------------------------------------------------------------------*/
h3{
	line-height:140%;
	letter-spacing:0.1em;
}
h4{
	line-height:120%;
	font-weight:normal;
	padding-left:10px;
}
p{
	font-weight:normal;
	padding-left:10px;
}


/*
===============================================================================
レイアウト設定
===============================================================================
*/

html{
    height:100%;
}
body{
    height:100%;
	background:url(../img/bg_board.jpg) left top repeat-x;
	background-color:#FFF;
	margin: 0px;	
}

/*白背景の外枠*/
* html div#wrap{
    height:100%;
}
div#wrap{
    width: 700px;
    margin:0px auto;
	padding: 0px;
    position:relative;
/*    min-height: 100%;*/
	background-color:#FFF;
}
body > #wrap {
        height: auto;
}

/*header + content*/
#main{
	padding:0 10px;
	margin:0 auto;
	width:680px;
	height:auto;
	border-top: 1px none #EBEBEB;
/*	border-right: 1px solid #EBEBEB;
	border-bottom: 1px solid #EBEBEB;
	border-left: 1px solid #EBEBEB;*/
}


/*title*/
#ttl{
	padding-top:15px;
	padding-bottom: 10px;
}
#ttl h2{
	float: left;	
}
#ttl p{
	/*float:right;	*/
	text-align:right;
}


/*sizeController*/
#sizeController{
	background:url(../img/moji.gif) left 15px no-repeat;	
	float:right;
	padding-top:10px;
	width:160px;
}
#sizeController a{
	display:block;
	color:#FFF;
	height:22px;
	text-indent:-140px;
	float:left;
}
#sizeController a.smallSize{
	background:url(../img/moji_s.gif) right 3px no-repeat;
	width:32px;
	padding-left:60px;
}
#sizeController a.middleSize{
	background:url(../img/moji_m.gif) right 2px no-repeat;
	width:33px;
}
#sizeController a.largeSize{
	background:url(../img/moji_l.gif) right top no-repeat;
	width:35px;
}

/*pageInfo*/
#pageInfo{
	padding:0px 0 5px;
}
/*#pageInfo .pageCtrl, #pageInfo .pageView{
	text-align:right;
}*/
#pageInfo .pageView{
	/*width:80%;*/
	text-align:left;
}
#pageInfo .pageCtrl{
	/*width:20%;*/
	text-align:right;
}

#pageInfo .selectPart a{
	padding-right:10px;		
}


#pageInfo .pageCtrl a{
	padding-left:10px;		
}


/*footer*/
#footer{
	margin:10px 0;
}