@charset "utf-8";

/*-------------------
 リンク設定
 ---------------------*/
/*a:link {
	color: #DB5700;
	text-decoration:none;
	}

a:visited {
	text-decoration:none;
	color: #DB5700;
	}

a:hover {
	color: #FF9900;
	text-decoration:underline;
	}

p {
	color: #000;
	line-height: 1.7em;
	}
*/
.uLine a {
	color: #DB5700;
	text-decoration: underline;
	}

.linkColor a {
	color: #333;
	text-decoration: none;
	}

/* パンくずリスト */

#contentContainer ol.panNavi {
	clear: both;
	display: block;
	margin: 3px 0 7px 0;
	font-size: 10px;
	color: #111111;
	padding-left: 14px;
	background: url(../img/glue_0.png) no-repeat left center;
	}

#contentContainer ol.panNavi li {
	display: inline;
	list-style-type: none;
	}

#contentContainer ol.panNavi li a {
	padding-right: 14px;
	background: url(../img/glue.gif) no-repeat right center;
	}


#contentContainer ol.panNavi li a:link,
#contentContainer ol.panNavi li a:visited,
#contentContainer ol.panNavi li a:hover {
	color: #111111;
	text-decoration: underline;
	}

/* ページの先頭へ */

p.retornPage {
	clear: both;
	display:block;
	width: 700px;
	height: 21px;
	text-align:right;
	margin: 0;
	background: url(../img/bg_logo.png) no-repeat left bottom;
	}
#contentContainer p.pageTop a {
	clear: both;
	display:block;
	text-align:right;
	margin: 0;
	padding-right: 12px;
	font-size: 12px;
	background: url(../img/pagetop.png) no-repeat right;
	}

/*padding設定*/
.pt30 { padding-top: 30px; }
.pb10 { padding-bottom: 10px; }

.pl05 { padding-left: 05px; }
.pl10 { padding-left: 10px; }
.pl12 { padding-left: 12px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl24 { padding-left: 24px; }
.pl27 { padding-left: 27px; }
.pl30 { padding-left: 30px; }
.pl36 { padding-left: 36px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl72 { padding-left: 72px; }
.pl73 { padding-left: 73px; }
.pl74 { padding-left: 74px; }
.pl75 { padding-left: 75px; }
.pl76 { padding-left: 76px; }
.pl100 { padding-left: 100px; }
.pl150 { padding-left: 150px; }


.bold {
	color: #000;
	font-weight: bold;
	}
#contentContainer p.bold1,
.bold1 {
	color: #008C8C;
	font-weight:bold;
	letter-spacing:0.2em;
	}

.bold2 {
	color: #FF4D4D;
	font-weight:bold;
	letter-spacing:0.2em;
	}

.bold3 {
	color:#FF0000;
	font-weight:bold;
	letter-spacing:0.1em;
	}
.bold4 {
	color: #006699;
	font-weight:bold;
	letter-spacing:0.1em;
	}

/*
.underLine {
	text-decoration: underline;
	}
*/

span.underLine {
	background: url(../img/txt_dot.gif) repeat-x top left;
	}


/*マージン設定群*/

.m0 {	margin:0;	}

.mb03{	margin-bottom:3px;	}
.mb04{	margin-bottom:4px;	}
.mb05{	margin-bottom:5px;	}
.mb06{	margin-bottom:6px;	}
.mb07{	margin-bottom:7px;	}
.mb08{	margin-bottom:8px;	}
.mb09{	margin-bottom:9px;	}
.mb10{	margin-bottom:10px;	}
.mb12{	margin-bottom:12px;	}
.mb13{	margin-bottom:13px;	}
.mb15{	margin-bottom:15px;	}
.mb20{	margin-bottom:20px;	}
.mb25{	margin-bottom:25px;	}
.mb27{	margin-bottom:27px;	}
.mb30{	margin-bottom:30px;	}
.mb36{	margin-bottom:36px; }
.mb40{	margin-bottom:40px; }
.mb50{	margin-bottom:50px; }
.mb60{	margin-bottom:60px; }
.mb70{	margin-bottom:70px; }
.mb100{	margin-bottom:100px; }


.mt05{	margin-top:5px;	}
.mt10{	margin-top:10px; }
.mt15{	margin-top:15px; }
.mt20{	margin-top:20px; }
.mt25{	margin-top:25px; }
.mt30{	margin-top:30px; }
.mt70{	margin-top:70px; }

.mr05{	margin-right:5px; }
.mr06{	margin-right:6px; }
.mr07{	margin-right:7px; }
.mr08{	margin-right:8px; }
.mr09{	margin-right:9px; }
.mr10{	margin-right:10px; }
.mr11{	margin-right:11px; }
.mr12{	margin-right:12px; }
.mr14{	margin-right:14px; }
.mr15{	margin-right:15px; }
.mr16{	margin-right:16px; }
.mr17{	margin-right:17px; }
.mr20{	margin-right:20px; }
.mr25{	margin-right:25px; }
.mr26{	margin-right:26px; }
.mr30{	margin-right:30px; }
.mr50{	margin-right:50px; }


.ml05{	margin-left:5px; }
.ml10{	margin-left:10px; }
.ml15{	margin-left:15px; }
.ml20{	margin-left:20px; }
.ml25{	margin-left:25px; }
.ml26{	margin-left:26px; }
.ml27{	margin-left:27px; }
.ml28{	margin-left:28px; }
.ml30{	margin-left:30px; }
.ml40{	margin-left:40px; }
.ml50{	margin-left:50px; }
.ml60{	margin-left:60px; }
.ml70{	margin-left:70px; }
.ml100{	margin-left:100px; }


/*レタースペース*/
.ls00 { letter-spacing: 0 }
.ls01 { letter-spacing: 0.1em }
.ls02 { letter-spacing: 0.2em }
.ls03 { letter-spacing: 0.3em }
.ls04 { letter-spacing: 0.4em }
.ls05 { letter-spacing: 0.5em }
.ls06 { letter-spacing: 0.6em }
.ls07 { letter-spacing: 0.7em }
.ls08 { letter-spacing: 0.8em }
.ls09 { letter-spacing: 0.9em }
.ls10 { letter-spacing: 1em }



/* イメージ画像設定 */
.picLine {
	padding: 5px;
	border:solid 1px;
	border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;
	background-color: #FFF;
	text-align: center;
	}
.picLine img {
	margin-bottom: 5px;
	}
.imgWaku0 {
	padding:5px;
	border:solid 1px;
	border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;
	}
/* イメージ画像注釈付き */

p.imgFrame {
	display: block;
	font-size: 12px;
	}

p.imgFrame img {
	padding:5px;
	border:solid 1px;
	border-color: #eeeeee #bbbbbb #bbbbbb #eeeeee;
	}	


/*クリア設定*/

.left {
	text-align: left;
	}

.right {
	text-align: right;
	}

.center {
	text-align: center;
	}


.coler1 { color:#008C8C; }
.coler2 { color:#06263C; }
.coler3 { color:#666; }
.coler4 { color:#990000; }
.coler5 { color:#FF0000; }

.coler6 { color:#1D4B9F; }
.coler7 { color:#D9BE42; }


.f10 { font-size: 10px;	}
.f11 { font-size: 11px;	}
.f12 { font-size: 12px;	}
.f13 { font-size: 13px;	}
.f14 { font-size: 14px;	}
.f15 { font-size: 15px;	}
.f16 { font-size: 16px;	}
.f17 { font-size: 17px;	}
.f18 { font-size: 11px;	}
.f19 { font-size: 19px;	}
.f20 { font-size: 20px;	}
.f28 { font-size: 28px;	}
.f30 { font-size: 30px;	}


.fontf {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	}

/*幅設定*/
.wid80 { width: 80px; }
.wid100 { width: 100px; }
.wid120 { width: 120px; }
.wid140 { width: 140px; }
.wid150 { width: 150px; }
.wid180 { width: 180px; }

.wid200 { width: 200px; }
.wid212 { width: 212px; }
.wid215 { width: 215px; }
.wid250 { width: 250px; }
.wid260 { width: 260px; }
.wid276 { width: 276px; }
.wid300 { width: 300px; }
.wid312 { width: 312px; }
.wid320 { width: 320px; }
.wid350 { width: 350px; }
.wid360 { width: 360px; }

.wid400 { width: 400px; }
.wid450 { width: 450px; }
.wid470 { width: 470px; }

.wid500 { width: 500px; }
.wid550 { width: 550px; }

.wid600 { width: 600px; }
.wid630 { width: 630px; }
.wid650 { width: 650px; }
.wid670 { width: 670px; }
.wid680 { width: 680px; }

.wid700 { width: 700px; }
.wid720 { width: 720px; }
.wid750 { width: 750px; }

.wid800 { width: 800px; }



/*----------------------------
  安心のポイント
----------------------------*/

/*----------------------------
  フッター　リスト
----------------------------*/
ul.footList {
	clear: both;
	display: block;
	font-size: 14px;
	color: #333;
	text-align: center;
	margin-bottom: 20px;
	}

ul.footList li {
	display: inline;
	margin-right:5px;
	padding-left:16px;
	list-style-type:none;
	background: url(../img/bg_foot_list_arrow.jpg) no-repeat left;
	}

ul.footList li a {
	color: #DB5700;
	text-decoration: underline;
	}
ul.footList li a:hover {
	color: #FF9900;
	text-decoration: underline;
	}


/* リンク・ブランク表示アイコン */
.linkBlank a {
   background: transparent url(../img/external.png) right no-repeat;
   padding-right: 15px;
   color: #008C69;
   text-decoration: underline;
}
/* メモ帳アイコン　表示 */
#contentContainer dl.boxBlog a,
#content p a,
#contentContainer p a,
.txtIcon a {
	color: #FF6600;
	text-decoration: underline;
    background: transparent url(../img/txt-icon.png) right no-repeat;
    padding-right: 12px;
	padding-left: 4px;
	margin-right: 3px;
}
.txtIcon2 a {
	color: #008C69;
	text-decoration: underline;
    background: transparent url(../img/txt-icon.png) right no-repeat;
    padding-right: 12px;
	padding-left: 4px;
	margin-right: 3px;
	font-size: 14px;
}

/*画像すきま対策用*/
.vmiddle {
	vertical-align: middle;
	}
.vbottom {
	vertical-align: bottom;
	}

/*BOXのセンタリング*/
.boxCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}



/* ---------------------------------------------------------------- *
	clearfixに関する設定
 * ---------------------------------------------------------------- */

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

*+html div {
	display: inline-block;
	}				
	/*-- IE7用 --*/

/**/
.fl {
	display: block;
	float: left;
	}

.fr {
	display: block;
	float: right;
	}
#contentContainer .alignR {
	display: block;
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: center;
	font-size: 12px;
	}

/*----- floatをclearするための汎用クラス定義 -----*/

.clear { clear: both; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */