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

/* 共通設定 */
body {
	font-family:'Century Gothic', Meiryo, メイリオ, sans-serif;
	font-size:1.0em;
	color:#666666;
	line-height:1.5em;
}


/* 段落設定 */
.textCenter{
	text-align:center;
}


/* リンク設定 */

.clearfix{
	clear:both;
}

.fontBold{
	font-weight:bold;
}

a{
	color:#666666;
	text-decoration:none;
}

p{
	margin-bottom:15px;
}

/* テキスト位置設定 
*****************************************************/
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }


/* フォントカラー設定 
*****************************************************/

.textRed {
	color:#FF3333;
}
.textYellow {
	color:#FFFF33;
}
.textYellowGreen {
	color:#CCCC00;
}

.textBlue {
	color:#0066CC;
}

.textLightBlue {
	color:#66ccff;
}
.textPink {
	color:#ff99ff;
}
.textOrange {
	color:#eabc00;
}
.textGray3 {
	color:#333333;
}
.textGray6 {
	color:#666666;
}
.textBrown {
	color:#663300;
}

.textWhite{
	color:#FFFFFF;
}
/* フォントサイズ設定 
*****************************************************/
.font-06 {
	font-size:0.6em;
}
.font-08 {
	font-size:0.8em;
}
.font-1 {
	font-size:1em;
}

.font-11 {
	font-size:1.1em;
}
.font-12 {
	font-size:1.2em;
}
.font-13 {
	font-size:1.3em;
}

.font-14 {
	font-size:1.4em;
}

.font-15 {
	font-size:1.5em;
}	

.font-18 {
	font-size:1.8em;
}

.font-2 {
	font-size:2em;
}	

.font-bold {
	font-weight:bold;
	
}


/* バックグランドカラー設定 
*****************************************************/
.backBlue01{
	background-color:#99FFFF;
}

.backBlue02{
	background-color:#000066;
}

.backBlue03{
	background-color:#0000ff;
}


.backBlue04{
	background-color:#3366ff;
}

.backGrayC{
	background-color:#e2e0e0;
}

.backGray3{
	background-color:#333333;
}

.backGray9{
	background-color:#999999;
}

.backOrange{
	background-color:#eabc00;
}

.backGreen{
	background-color:#99CC00;
}

.backGreen02{
	background-color:#99FF33;
}

.backYellow{
	background-color:#FFFF33;
}

.backYellow02{
	background-color:#FFFF99;
}

.backYellow03{
	background-color:#ffff00;
}


.backRed{
	background-color:#FF6633;
}

.backRed02{
	background-color:#ff0000;
}

.backPink{
	background-color:#FFCCCC;
}


/* ボックス設定 
*****************************************************/
.box01{
	margin:0 auto 30px;
}
.box02{
	margin:0 auto 30px;
	width:900px;
}
.box03{
	margin:0 0 50px 0;
}



.boxWrap01{
	width:900px;
	margin:0 auto;
	overflow:hidden;
}
.boxWrap01 .boxLeft01{
	float:left;
	width:600px;
}
.boxWrap01 .boxRight01{
	float:right;
	width:250px;
	margin-left:50px;
}
.boxWrap01 .boxLeft02{
	float:left;
	width:550px;
}
.boxWrap01 .boxRight02{
	float:right;
	width:300px;
	margin-left:50px;
}
.boxWrap01 .boxLeft03{
	float:left;
	width:150px;
}
	.boxWrap01 .boxLeft03 img{
		border:1px solid #999999;
	}
.boxWrap01 .boxRight03{
	float:right;
	width:700px;
	margin-left:50px;
}
.boxWrap01 img.imgLeft{
	float:left;
	margin-right:25px;
	margin-bottom:15px;
}
.boxWrap01 img.imgRight{
	float:right;
	margin-right:25px;
	margin-bottom:15px;
}
section{
	margin-bottom:80px;
}



/* タイトル設定 
*****************************************************/
.contentsTitle01 { /* 黄色中央横線 */
	background-image:url(images/common/titleHdr_bg01.jpg);
	background-repeat:repeat-x;
	background-position:center;
	font-weight:bold;
	margin-bottom:30px;
	padding-bottom:7px;
}

	.contentsTitle01 .subTitle { /* グレイの破線下線ボーダー */
		margin-left:30px;
		color:#666666;
	}
	
.contentsTitle02{ /* 黄色中央横線 */
	border-bottom:1px solid #666633;
	margin-bottom:15px;
	padding-bottom:7px;
}

	

/* マーク設定 */
.mark01 { /* 黄色▼→ */
	background-image:url(images/common/titleHdr_bg02.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 30px 0px;
	background-color:#FFFFFF;
}

.mark02 { /* オレンジチェック */
	background-image:url(images/common/mark2.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 30px 0px;
}


.mark03 { /* オレンジチェック */
	background-image:url(images/common/mark3.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 20px 0px;
}


	
/* マージン設定 
*****************************************************/

.margin-bottom20{
	margin-bottom:20px;
}
.margin-left20{
	margin-left:20px;
}

/* ボーダー設定 
*****************************************************/



/* 一覧ページへ 
*****************************************************/

.gotoAll{
	width:100%;
	text-align:right;
}

.gotoAll a{
	color:#666666;
	text-decoration:none;
}

.gotoAll a:hover{
	color:#666666;
	text-decoration:underline;
}

/* PAGINAVI 
*****************************************************/

.pageNavi{
	margin-top:50px;
}

/* 記事内容
*****************************************************/
.singleBox{
	min-height:400px;
	padding-bottom:50px;
}

/* page navigation
*****************************************************/

.navigation{
	width: 100%;
	margin: 50px 0 50px;
	color:#996633;
}

.navigation .prev {
max-width:50%;
float:left;
color:#FFFFFF;
text-align:center;
}

.navigation .prev a{
display:block;
background-color:#996633;
color:#FFFFFF;
padding:5px 10px;
}
.navigation .prev a:hover{
display:block;
background-color:#996600;
}


.navigation .next{
max-width:50%;
float:right;
text-align:right;
background-color:#996633;
color:#FFFFFF;
}

.navigation .next a{
display:block;
background-color:#996633;
color:#FFFFFF;
padding:5px 10px;
}

.navigation .next a:hover{
display:block;
background-color:#996600;
}