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

/*================================================
　共通設定 
================================================*/

html {
	overflow: auto;
}

* html { /* for IE6 */
	overflow: hidden;
	overflow-x: auto;
	height:100%;
}

* html body { /* for IE6 */
	overflow-y: auto;
	height:100%;
}

body {
	background:#fffdf7;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5em;
	color:#333333;
	text-align:center;
	position: relative;
}

html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td,img {
    margin: 0;
    padding: 0;
}

/* 区切り線 */

hr{
	margin:10px 0px;
	color:FFFFFF;
	visibility:hidden;
}

/* table基本設定 */

table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}

/* 段落基本設定 */

p{
	font-size:120%;
	line-height:1.5em;
	margin-bottom:10px;
}

/* リンク設定 */

a img,:link img,:visited img {
    border: none;
}

a{
	color:#29417d;
	text-decoration:underline;
}

a:hover{
	color:#d80b8c;
	text-decoration:none;
}


/*================================================
　テキスト設定 
================================================*/

/* テキストサイズ */

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

.font-size10{font-size:10px !important;}
.font-size12{font-size:12px !important;}
.font-size14{font-size:14px !important;}
.font-size16{font-size:16px !important;}
.font-size18{font-size:18px !important;}
.font-size20{font-size:20px !important;}

.font-size80{font-size:80% !important;}
.font-size85{font-size:85% !important;}
.font-size90{font-size:90% !important;}
.font-size100{font-size:100% !important;}
.font-size120{font-size:120% !important;}
.font-size140{font-size:140% !important;}
.font-size160{font-size:160% !important;}
.font-size180{font-size:180% !important;}
.font-size200{font-size:200% !important;}

/* テキスト配色設定 */

.color-white{color:#FFFFFF !important;}

.color-red1{color:#FF0000 !important;}
.color-red2{color:#cd0000 !important;}

.color-pink1{color:#ff6b6b !important;}
.color-pink2{color:#e4007f !important;}

.color-brown1{color:#f0ece2 !important;}
.color-brown2{color:#bea370 !important;}
.color-brown3{color:#63524a !important;}

.color-blue1{color:#55cad5 !important;}
.color-blue2{color:##cbedef !important;}

.color-green1{color:#5dc1a1 !important;}
.color-green2{color:#4aa984 !important;}

.color-orange1{color:#f3560a !important;}

.color-yellow1{color:#FFCC00 !important;}
.color-yellow2{color:#d4a451 !importan t;}

/* テキスト配置 */

.alignC{text-align:center !important;}
.alignL{text-align:left !important;}
.alignR{text-align:right !important;}

.floatL{float:left !important;}
.floatR{float:right !important;}


/*================================================
　その他 
================================================*/

.pickup{
	border:3px solid #dbedc6;
	padding:20px;
}

.no-border{border:none;}

/* 画像枠 */

img.img-waku{
	padding:3px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}

/* 画像配置枠 */

.imgL{
	float:left;
	margin-right:10px;
	margin-bottom:0;
}

.imgR{
	float:right;
	margin-left:10px;
	margin-bottom:0;
}

/* コンテンツ共通 */

#content01,
#content02,
#content03,
#content04,
#content05,
#content06,
#content07,
#content08,
#content09,
#content10{
	margin-bottom:20px;
}

/* border */

.border-gray1{border:1px solid #cccccc !important;}
.border-gray2{border:1px solid #333333 !important;}
.border-gray3{border:1px solid #666666 !important;}
.border-gray4{border:1px solid #999999 !important;}

/* 背景色 */

.bg-white{ background:#ffffff;}
.bg-brown{background:#dccec4 !important;}

/* padding */

.p0{padding:0 !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}

.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}

.pr0{padding-right:0 !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}

.pl0{padding-left:0px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

/* margin */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}
.mr60{margin-right:60px !important;}


/* 画像横のテキストを上下中央ぞろえにするCSS */

div.img-valignC p {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}   
    
/*for IE6 */  
* html .img-valignC p {
    display: inline;
    zoom: 1;
}

/*for IE7 */
*:first-child+html .img-valignC p {   
    display: inline;
    zoom: 1;
}


/* inline-block */

div.valign {
	padding-right:10px;
	vertical-align:middle;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom: 1;
}

div.valign > div{
	display:block;
}


/* CSSハック ----------------------------------------------------------------- */

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0px;
   visibility: hidden;
}


/* IE7とMac版IE5用 */
.clearfix { display: inline-block;}

/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

#navi1-inner:after,#content-inner:after{
	content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;
    line-height: 0;   
    clear: both;   
}

#navi1-inner,#content-inner{
	display: inline-block; 
}