/*
Theme Name: kyosai
Theme URI:
Description:都区職員共済グループのテーマ
Version: 1.0
Author: 都区職員共済グループ
Author URI:
*/
@charset "UTF-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
body {
	line-height: 1.0;
	-webkit-text-size-adjust: none;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
}
img {
	border: 0;
	vertical-align: bottom;
}

ul, ol {
	list-style: none;
}

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

a:link{
	text-decoration:none;
}

/*----------------------------------------------------
	clearfix
----------------------------------------------------*/
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}
.clr{clear:both;}

/*----------------------------------------------------
	pageTop
----------------------------------------------------*/
#totop{
	clear:both;
	position:fixed;

	bottom:50px;
	right:0;
	margin:0;
	padding:0;
		z-index:100;
}    
#totop a{
	display:block;
	width:44px;
	height:44px;
	margin:0;
	padding:0;
	float:right;
	overflow: hidden;
    outline: none;
	z-index:100;

}

/*----------------------------------------------------
	base css
----------------------------------------------------*/
a:link {
	color:#6a98db;
	text-decoration: none;
	outline: none;
}
a:visited {color:#6a98db; outline: none;}
a:hover {
	color:#6a98db;
	text-decoration:underline;
	outline: none;
}
a:active {color:#6a98db; outline: none;}

a:hover img{
opacity:0.80;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}

img{max-width:100%;}

img.alignleft {
    text-align: left;
}

img.aligncenter {
    display: block;
    margin: 1px auto;}
img.alignright {
    display: block;
    margin: 1px 1px 1px auto;}

html,body{}
body {
 width:100%;
 margin:0;
 padding:0;
 color:#444;
 font-size:14px;
 line-height:1.7;
 font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;

 text-align:justify;
 text-justify:inter-ideograph;
}

#wrap{


}
#container{}
.center{text-align:center;}

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

#footer{
	clear:both;
	text-align:left;

}

hr{
	width:94%;
    border:none;
    border-top:solid 1px #CCC;
    height:1px;
	padding:10px 0 0 0;
 }

#main table th{
	text-align:center;
}


#main ul{
	list-style:disc;
	padding:0 20px 10px 35px;
}

#main ol{
	list-style:decimal;
	padding:0 20px 10px 45px;
	
}

#main .box p,.box2 p{ padding:0 20px 10px 20px;}


#main .box dl{
	padding:20px 0 0 20px;
	border-bottom:1px solid #ddd;
}

#main .box dl dt{
	float:left;
	margin:0 0 10px 0;
	
}
#main .box dl dd{
	margin: 3px 0 10px 10px;
}

#main dd p {
	margin:0;
	padding:0;
}

#main .box h3,
#container .box02 h3{
	margin:10px 0 0 20px;
	padding:0 0 0 0;
}


/* -----------------------------------------------------------
	#pageing
		ページング
----------------------------------------------------------- */
.pageing{
	margin:50px 0 0 0;
	
}
.paginate{
    text-align:left;
    font-size:90%;
	margin:0 0 20px 0;
	padding:0 0 0 0;
}
a.page-numbers{
    padding:2px 6px;
    border:1px solid #449bfc;
    background-color:#449bfc;
    color:#FFF;
    text-decoration:none;
}
.page-numbers:hover{
    border:1px solid #449bfc;
    background-color:#449bfc;
    color:#FFF;
}
.current{
	padding:2px 6px;
	margin:0;
	border:1px solid #449bfc;
    background-color:#FFF;
    color:#449bfc;
}
.current:hover{
	border:1px solid #00c691;
    background-color:#FFF;
    color:#00c691;
}

#main ul.singleNav{

	margin:50px 0 20px 0;
	padding:0 0 0 0;
}

li.prevNav{
	float:left;
	width:100px;
	list-style:none;
	margin:0;
	padding:0;
}
li.nextNav{
	float:right;
	width:100px;
	list-style:none;
	margin:0;
	padding:0;
}

/*====================================================
インデント
====================================================*/
.uline_red{	border-bottom:1px solid #cc0000;}
.indent1{display:block; text-indent:-1em; padding-left:1em;}
.indent1ml1{display:block; text-indent:-1em; padding-left:1em; margin-left:1em;}
.indent1_2{display:block; text-indent:-1.2em; padding-left:1.2em;}
.indent2{display:block; text-indent:-2em; padding-left:2em;}
.indent2_5{display:block; text-indent:-2.5em; padding-left:2.5em;}
.indent3{ display:block; text-indent:-3em; padding-left:3em;}
.indent3ml{ display:block; text-indent:-3em; padding-left:3em; margin-left:3em}
.indent3_7{ display:block; text-indent:-3.7em; padding-left:3.7em;}
.indent3_7ml{ display:block; text-indent:-3.7em; padding-left:3.7em; margin-left:3.7em}
.indent4{display:block; text-indent:-4em; padding-left:4em;}
.indent5{display:block; text-indent:-5em; padding-left:5em;}
.indent2_br_after{padding-left:2em;display:block;}
.freedial{ padding-left:20px;}




/*====================================================
940px以上 for PC 固定レイアウト
====================================================*/

/* Media Queries による切り替え */

/*====================================================
	979px以下用（タブレット用）
====================================================*/

@media only screen and  (max-width: 979px) {
	
}
/*====================================================
	767px以下用（タブレット／スマートフォン用）
====================================================*/
@media only screen and  (max-width: 767px) {
	
}
/*====================================================
	479px以下用（スマートフォン用）
====================================================*/
@media only screen and  (max-width: 479px) {
	

}@charset "UTF-8";

body{background:url(images/bg_top_body.png) repeat;}

#footer{
	clear:both;
	width:100%;
	background:url(images/bg_top_foot.png) top repeat-x #b7eafb;
	color:#158eb6;
}
#footer .inner{	padding:100px 20px 10px 20px;}

#footer .inner p.left{
	display:inline;
	float:left;
	margin:0;
	padding:0 0 0 0;
	font-size:12px;
}
#footer .inner p.right{float:right;}

section{clear:both;}

/*====================================================
940px以上 for PC 固定レイアウト
====================================================*/



#header{
	width:100%;
background:url(images/bg_top_head.png) top repeat-x;
}
#header .inner{
	position:relative;
	width:908px;
	height:240px;
	margin:0 auto;
}

#header .inner h1{
	width:100%;
	padding:75px 0 0 0;
	}

#header .inner .pos01{
	position:absolute;
	width:551x;

	bottom:0px;
	left:370px;

}
#header .inner .pos02{
	position:absolute;
	width:296px;
	top:170px;
	left:16px;
	background:#FFFFFF;
}

#container{
	width:940px;
	margin:0 auto;
}


.read{
	background:#FFFFFF;
	width:908px;
	margin:0 0 0 16px;
	/*position:relative;
	height:100px;
	*/
}
.read h2{
	margin:0 0 12px 0;
	background:url(images/ttl_top_whatkyosai.png) left no-repeat;

}
.read p{
	color:#0d70b5;
	font-size:16px;
	padding:0 20px 16px 20px;
}

.topBox{
	margin:14px 0 10px 12px;
}
.topBox p{margin:0 0 0.5em 0;}
.topBox .box01,
.topBox .box02,
.topBox .box03{
	float:left;
	width:296px;
	margin:0 5px 10px;
	padding:0;
}
.topBox .box01 h2{
	margin:0;
	padding:0;
}
.topBox .box01 .inner{
	position:relative;
	height: 350px;
	padding:10px 15px 10px 15px;
	background: url(images/ttl_top_b02.png) bottom no-repeat;
}
.topBox .box02 h2{
margin:0;
padding:0;

}
.topBox .box02 .inner{
	position:relative;
	height: 350px;
	padding:10px 15px 10px 15px;
	background: url(images/ttl_top_b03.png) bottom no-repeat;
}
.topBox .box03 h2{
	margin:0;
	padding:0;

}
.topBox .box03 .inner{
	position:relative;
	height: 350px;
	padding:10px 15px 10px 15px;
	background: url(images/ttl_top_b04.png) bottom no-repeat;
}

.topBox .box01 span,
.topBox .box02 span,
.topBox .box03 span{
	position:absolute;
	display:block;
	width:176px;
	height:39px;
	bottom:10px;
	right:55px;
}
.newsArea{
	/*float:left;*/
	/*width:604px;*/
	width:910px;
	margin:0 11px 20px 14px;
	/*background: url(images/ttl_top_news_t.png) top no-repeat;*/
	background:#FFFFFF;
	
}
.newsArea h2{
	float:left;
	width:202px;
	margin:10px 0 0 16px;
	
}
.newsArea h3{
	float:right;
	text-align:right;
	margin:10px 16px 0 0;
}
.newsArea h3 a:link{
	display:block;
	width:45px;
	background:url(images/icon_01.gif) 2px 0.3em no-repeat;
	padding:2px 10px 2px 20px;
	border:1px solid #6a98db;
}
div.newsList{
	clear:both;
	background: url(images/line_top_news.gif) top repeat-x;
	margin:0 16px 0 16px;
	padding:0 0 0 0;
}
div.newsList dl {
margin:0;
padding:15px 4px 15px 10px;
line-height: 1.3;
}
div.newsList dt {
 float:left;
 width:120px;
 padding:5px 0 10px 1.4em;
 clear:both;
 background: url(images/icon_01.gif) 0 0.45em no-repeat;
 line-height: 1.3;
}
div.newsList dd {
 padding:5px 5px 10px 10px;
 line-height: 1.3;
   border-bottom:1px dotted #bfbfbf;
}

div.textArea{
	/*float:left;
	position:relative;
	width:290px;
	height:152px;
	text-align: center;
	margin:0 0 20px 5px;*/
}

div.textArea p{
/*
	position:absolute;
	top:30%;
	left:14%;
	right:14%;
	*/
	margin:0 0 20px 14px;
	text-align:center;
	font-size:16px;
	color:#4073c0;
	font-weight:bold;
	
}


/* Media Queries による切り替え */

/*====================================================
	979px以下用（タブレット用）
====================================================*/

@media only screen and  (max-width: 979px) {
	
}

/*====================================================
	767px以下用（タブレット／スマートフォン用）
====================================================*/
@media only screen and  (max-width: 767px) {
	
}



/*====================================================
	479px以下用（スマートフォン用）
====================================================*/
@media only screen and  (max-width: 479px) {
	
#header .inner{
	width:90%;
	height:auto;
	margin:0 auto 20px;
}

#header .inner h1{
	width:100%;
	padding:20px 0;
	}


#header .inner .pos01{
	display:none;
	}

#header .inner h1{
	position:static;
	width:100%;
	height:auto;
}


	
#container{
	width:100%;
	margin:0 auto;
	}
	

#header .inner{
	width:90%;
	height:auto;
	margin:0 auto 20px;
}
#header .inner .pos01{
	display:none;
	}

#header .inner h1{
	position:static;
	width:100%;
	height:auto;
}
#container{
	width:100%;
	margin:0 auto;}
	
.read{
	background: #fff;
	width:100%;
	margin:0;
}
.read h2{
	margin:0 0 10px 0;

}
.read p{
	color:#0d70b5;
	font-size:14px;
	padding:0 20px 10px;
}

.topBox{
	margin:20px 0;
}

.topBox .box01,
.topBox .box02,
.topBox .box03{
	float:none;
	width:100%;
	margin:0 0 20px;
	padding:0;
		background:#FFF;
}
.topBox .box01 h2,
.topBox .box02 h2,
.topBox .box03 h2{
	width:100%;
}
.topBox .box01 h2{background:#44aa0d;}
.topBox .box02 h2{background:#f64897;}
.topBox .box03 h2{background:#0c89e4;}

.topBox .box01 .inner,
.topBox .box02 .inner,
.topBox .box03 .inner{
		background:#FFF;
}


.topBox .box01 span,
.topBox .box02 span,
.topBox .box03 span{
	right:10px;
}


.newsArea{
	width:100%;
	margin:0;
}

h2.ttlNews{
	background:none;
	margin:0 0 0 0;
	padding:10px;
	text-indent:0;
	color:#6a98db;
	font-size:18px;
	border-bottom:1px solid #6a98db;
}
div.newsList{
	background:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
div.newsList dl {
margin:0;
padding:15px 15px 26px 15px;
line-height: 1.3;
}
div.newsList dt {
 float: none;
 width:auto;
 padding:5px 0 0 1.4em;
 clear:both;
 background: url(images/icon_01.gif) 0 0.45em no-repeat;
 line-height: 1.3;
}
div.newsList dd {
 padding:5px 5px 10px 10px;
 line-height: 1.3;
   border-bottom:1px dotted #bfbfbf;
}
div.textArea{display:none;}

#footer .inner p.left,
#footer .inner p.right{
float:none;
}

}