@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Oxygen);
@import url(http://fonts.googleapis.com/css?family=PT+Mono);
@import url(http://fonts.googleapis.com/css?family=Share+Tech);

body {
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:-1;
}

#header {
	padding-bottom:0
}
#mainContent.pages {
	float:right;
	width:690px;
	min-height:700px;
}


/* ---------------------------------------------------- 各カテゴリ メインイメージ設定 ---------------------------------------------------- */

.mainimg {
	width:100%;
	height:255px;
	font-size:30px;
	padding:190px 25px 0 32px;
	font-weight:400;
	letter-spacing:.1em;
	line-height:25px;
	background-repeat:no-repeat;
	color:#0E224F;
	-moz-text-shadow:0 0 6px rgba(30,0,0,.7);
	-webkit-box-shadow:0 0 6px rgba(30,0,0,.7);
	box-shadow:0 0 6px rgba(30,0,0,.7);
	text-shadow: 0 0 6px rgba(30,0,0,.7);
	margin-bottom:20px;
 }
.mainimg span {
	font-size:16px;
}

/* ---------------------------------------------------- local_navi 設定 ---------------------------------------------------- */

#left_localnavi_box {
	float:left;
	width:220px;
	margin-right:50px;
}

ul.local_btn li {
	width:100%;
}
ul.local_btn li a {
	width:100%;
	display:block;
	padding:8px 15px 4px 15px ;
	border-bottom:1px solid #222;
	font-size:13px;
	letter-spacing:.2em;
	color:#222;
}
ul.local_btn li a:hover {
	background-color:#DDD;
	opacity:1;
}
.local_title {
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	letter-spacing:.1em;
	padding:38px 0 14px 0 ;
	border-bottom:1px solid #222;
}




ul.local_banner{
	margin-top:40px;
}
ul.local_banner li{
	width:220px;
	margin-bottom:10px;
}


/* ---------------------------------------------------- テキスト等設定 ---------------------------------------------------- */

.paragraph{
	width:100%;
	margin:0 auto 30px auto;
	text-align:justify;
	overflow:hidden;
    *zoom: 1;
	line-height:2em;
	color:#000;
}

.image_box {
	float:right;
	width:210px;
	margin:0 0 auto 30px;
	overflow:hidden;
	text-align:center;
}
.image_box img {
	margin:8px auto 2px auto;
}

.image_box .image_cap {
	width:180px;
	font-size:12px;
	line-height:1.3em;
	margin:0 auto 10px auto;
}
.image_box .image_cap span {
	font-size:10px;
	display:block;
}

.text_box {
	float:left;
	width:450px;
}


.nextpage {
	width:100%;
	text-align:right;
	font-size:17px;
	position:absolute;
	bottom:40px;
	right:0;
	padding-right:30px;
}
.nextpage a:hover {
	text-decoration:underline;
}

.previewpage {
	width:100%;
	text-align:left;
	font-size:17px;
	position:absolute;
	bottom:40px;
	left:40px;
}
.previewpage a:hover {
	text-decoration:underline;
}


.block_list {
	list-style-position:outside;
	margin:2px 0 8px .8em;
}
.block_list li {
	padding:4px 0 4px 5px;
      list-style-type:none;
	  text-indent:-1.3em;
	  margin-bottom:0;
	  line-height:1.7em;
}
.block_list li:before {
    content: "■ ";
    color: rgba(14,34,79,.8);
}


.under_line {
	text-decoration:underline;
	font-weight:600;
}


.image_left {
	float:left;
	margin:3px 20px 20px 0px ;
	}

.image_right {
	float:right;
	margin:3px 0px 20px 20px ;
	}


.border {
	height:1px;
	width:100%;
	margin:25px 0;
	background:url(../images/border.png) repeat-x;
}
.caption {
	font-size:12px;
	line-height:1.7em;
}
.caption span {
	font-size:15px;
}

.right {
	float:right;
}
.left {
	float:left;
}

.txt_center {
	text-align:center;
}

.txt_left {
	text-align:left;
}

.txt_right {
	text-align:right;
}

.width_120 {
	width:120px;
}
.width_180 {
	width:180px;
}
.width_200 {
	width:200px;
}
.width_210 {
	width:210px;
}
.width_220 {
	width:220px;
}
.width_280 {
	width:280px;
}
.width_300 {
	width:300px;
}
.width_320 {
	width:320px;
}

.width_360 {
	width:360px;
}
.width_380 {
	width:380px;
}
.width_400 {
	width:400px;
}
.width_420 {
	width:420px;
}
.width_440 {
	width:440px;
}
.width_460 {
	width:460px;
}

h1 {
	font-size:18px;
	font-weight:600;
	letter-spacing:.1em;
	line-height:1em;
	margin-bottom:10px;
	padding:0 5px 10px 0;
	color:#0E224F;
	border-bottom: 1px solid #999;
}
 
h1 span {
	font-size:11px;
	line-height:2em;
	float:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:1em;
}


h2 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#0E224F;
	background-image:url(../images/h2.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:22px;
	margin:15px 0 0 0 ;

}
/*
h2 span {
	font-size:13px;
}*/

h3 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#0E224F;
	padding:0;
	margin:0;
}

.midashi {
	font-size:17px;
	letter-spacing:.2em;
	line-height:1.9em;
	overflow:hidden;
}

.midashi span{
	font-size:12px;
	letter-spacing:.2em;
	line-height:1.2em;
	
}

/*
h3 a,h3 a:link,h3 a:visited {
	color:#FFF;
}*/




.short0 {
	letter-spacing:1px;
}
.short1 {
	letter-spacing:0;
}

.short2 {
	letter-spacing:-0.5px;
}

.short3 {
	letter-spacing:-0.1em;
}
.short4 {
	letter-spacing:-0.2em;
}
.interval1em {
	letter-spacing:1em;
}
.interval_half1em {
	letter-spacing:0.5em;
}


table.table_simple {
	width:100%;
	margin:5px 0 20px 0;
	border:1px solid #999;
	border-collapse:collapse;
	font-size:11px;
	font-weight:500;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.table_simple th , .table_simple td {
	line-height:1.5em;
	padding:3px 10px;
	border:1px solid #999;
}
.table_simple th {
	background-color:#DDD;
	color:#222;
	text-align:center;
}
.table_simple th span {
	font-size:10px;
	display:inline-block;
}
.table_simple td {
	background-color:#FFF;
	text-align:left;
}
.table_simple td a {
	text-decoration:underline;
	color:#0E224F;
}
table.table_simple.txal_center td {
	text-align:center;
}
/*.txt_10px {
	font-size:10px;
	letter-spacing:.1em;
	line-height:1.6em;
}

.paragraph_low{
	width:100%;
	margin:0 auto 15px auto;
	text-align:justify;
	overflow:hidden;
    *zoom: 1;
	line-height:1.8em;
}


.alignleft {
	float:left;
	margin:10px 5px;
}

.alignright {
	float:right;
	margin:10px 5px;
}

.aligncenter {
	margin:10px auto;
}*/

.alignright:after,.alignleft:after { /*floatの解除*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


.pdficon {
	background:url(../images/pdficon_small.png) no-repeat;
	margin:0px 5px -3px 5px;
	padding:0px 8px 0 8px;
	width:16px;
	height:16px;
	display:inline-block;
}
.wordicon {
	background:url(../images/wordicon.png) no-repeat;
	margin:0px 5px -3px 5px;
	padding:0px 8px 0 8px;
	width:16px;
	height:16px;
	display:inline-block;
}
.excelicon {
	background:url(../images/excelicon.png) no-repeat;
	margin:0px 5px -3px 5px;
	padding:0px 8px 0 8px;
	width:16px;
	height:16px;
	display:inline-block;
}
.windowicon {
	background-image:url(../images/outpoint.gif);
	background-repeat:no-repeat;
	margin:0px 1px ;
	padding:0px 8px 4px 8px;
	width:15px;
	display:inline;
	z-index:20;
	min-height:17px;
	margin-left:3px;
}


.pdf {
	min-width:16px;
	display:inline-block;
	margin:0 5px;

}

.btn01 a{
	width:150px;
	height:100px;
	display:block;
	background-image:url(../images/btn01.png);
	background-repeat:no-repeat;
	font-size:15px;
	padding:25px 0 0 35px;
	font-weight:600;
	letter-spacing:.1em;
	color:#666;
	float:right;
	margin-left:10px;
	text-align:left;
}


.btn01.oneletter{
	padding-top:10px;
}



/*////////////////////コラム設定////////////////////*/
.column {
	padding:10px 15px;
	margin:10px 0px;
	border:1px solid #0E224F;
	line-height:1.8em;
	font-size:11px;
}
.column_title {
	font-size:13px;
	padding-bottom:5px;
	font-weight:600;
}

.colum2_lr {
	width:96%;
	float:left;
	margin-right:4%;
}

.colum2_l {
	width:48%;
	float:left;
	margin-right:4%;
}
.colum2_r {
	width:48%;
	float:right;
	margin:0;
}

.colum3{
	width:31%;
	float:left;
	margin-right:4%;
}

.colum3_r{
	width:30%;
	float:right;
	margin:0;
}

/*.colum3 p,.colum3_r p{
	margin-top:-5px;
}


.colum3 ul,.colum3_r ul {
}

.colum3 li,.colum3_r li {
	list-style-position:outside;
	list-style-type:none;
	border-bottom:2px dotted #CCC;
	line-height:2em;
}

.colum3 li .undo,.colum3_r li .undo {
	color:#EC6D74;
}

.colum3 li .bunka,.colum3_r li .bunka {
	color:#B7D450;
}*/


.colum4 {
	width:22%;
	float:left;
	margin-right:4%;
	font-size:10px;
}
.colum4_r {
	width:22%;
	float:right;
	margin:0;
	font-size:10px;
}


.colum4 ul,.colum4_r ul {
	clear:both;
}



.colum4 li,.colum4_r li {
	list-style-position:outside;
	list-style-type:none;
	border-bottom:2px dotted #CCC;
	line-height:1.5em;
	margin-bottom:5px;
}






.line {
	border:1px solid #B3CF5C;
}
.txt_r {
	text-align:right;
}



.photo_flame {
	border:2px solid #FFF;
	-webkit-box-shadow: 1px 1px 5px 1px #DDD; /* Safari, Chrome用 */
	-moz-box-shadow: 1px 1px 5px 1px #DDD; /* Firefox用 */
	box-shadow: 1px 1px 5px 1px #DDD; /* CSS3 */
	border-radius:3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */
	position:relative;
}



.red {
	color:#C00;
}