@charset "Shift_JIS";

/* ----------------------------------- all --*/

html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img {
	border: 0;
}
body {
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%;
	line-height: 150%;
}
html>/**/body {
	font-size: 12px;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

/*wrapper要素
---------------------------------------- */
div#wrapper	{
	background: url(../images/common/base_bg_01.gif) repeat-x;
	text-align: center;
}
.indexBody div#wrapper	{
	background: url(../images/index/top_bk.jpg) repeat-x #b4b4b4;
}
.blogBody div#wrapper	{
	background: url(../images/blog/bg_blogbody.jpg) repeat-x;
}
.voiceBody div#wrapper	{
	background: url(../images/blog/bg_blogbody.jpg) repeat-x;
}
.voiceBody #content	{
	padding: 30px 0;
}
.conceptBody div#wrapper	{
	background: url(../images/common/bg_body.jpg) repeat-x;
}
/*header要素
---------------------------------------- */
#header	{
	width: 785px;
	border-collapse: collapse;	border-spacing: 0;
	margin: 0px auto;
}
/*flashcontent要素
---------------------------------------- */
.indexBody div#flashcontent	{
	width: 785px;
	height: 418px;
	margin-top: -1px;
}

/*container要素
---------------------------------------- */
div#container	{
	width: 785px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 15px;
}
/*content要素 091222
---------------------------------------- */
.indexBody div#content{
	width: 765px;
	padding: 20px 10px 0px;
}

/*content要素 091222
---------------------------------------- */
.conceptBody div#content 	{
	width: 749px;
	padding: 20px 17px 0px;
}
.pageBody div#content,.eventBody div#content	{
	width: 785px;
}


/*main要素 091222
---------------------------------------- */
.indexBody div#main{
	width: 496px;
	float: left;
}
.indexBody div#main .hederBox{
	width: 496px;
	height:223px;
}

.indexBody div#main .prBox{
	width: 496px;
}

.indexBody div#main .prBox ul{
	padding: 7px 0 15px 0px;
}

.indexBody div#main .fbBox{
	width: 496px;
	height:223;
}

.indexBody div#main .prBox li{
	list-style: none;
	background: url(../images/index/pr_icon.gif) no-repeat;
	background-position:0px 1px;
	padding: 0 0 0 35px;
	margin: 7px 0px 0px 7px;
	line-height:130%;
	font-size:95%;
}

.indexBody div#main h2{
	text-indent:-9998px;
}

.indexBody div#main .mainBox1{
	width: 496px;
	height:117px;
	background: url(../images/index/senju_family.gif) no-repeat;
	padding: 0px 0px 10px 0px;
	position:relative;
}

.indexBody div#main .mainBox2{
	width: 496px;
	height:117px;
	background: url(../images/index/senju_children.gif) no-repeat;
	padding: 0px 0px 10px 0px;
	position:relative;
}

.indexBody div#main .mainBox3{
	width: 496px;
	height:117px;
	background: url(../images/index/senju_tips.gif) no-repeat;
	padding: 0px 0px 10px 0px;
	position:relative;
}

.indexBody div#main .mainBox4{
	width: 496px;
	height:117px;
	background: url(../images/index/senju_friends.gif) no-repeat;
	padding: 0px 0px 10px 0px;
	position:relative;
}

.indexBody div#main .mainBoxB{
	width: 500px;
	float:left;
}

.indexBody div#main .mainBoxB .mainBoxBin{
	width:120px;
	height:84px;
	float:left;
	padding-right:5px;
	display:block;
}
/*main要素
---------------------------------------- */
.conceptBody div#main	{
	width: 500px;
	float: left;
	border: 1px solid #E4E4E4;
}
.pageBody div#main, .pageBody div.main		{
	width: 540px;
	float: right;
	padding: 30px 0 15px;
}

/*sub要素 091222
---------------------------------------- */
.indexBody div#sub{
	width: 249px;
	float: right;
}

.sideBox0{
	width:249px;
	min-height:32px;
	padding: 0px 0px 0px 0px;
	position:relative;
}
.sideBox{
	width:249px;
	min-height:90px;
	padding: 0px 0px 0px 0px;
	margin-bottom:10px;
	background-color:#FFF;
	position:relative;
}

.more{
	position:absolute;
	top:11px;
	right:8px;
	width:64px;
	height:14px;
	z-index:10;
}
.sideBox2{
	width:249px;
	height:115px;
	padding: 0px 0px 0px 0px;
	background: url(../images/index/banner_firsttime.gif) no-repeat;
	margin-bottom:10px;
}



.sideBox3{
	width:249px;
	min-height:120px;
	padding: 0px 0px 0px 0px;
	margin-bottom:10px;
	background-color:#FFF;
}

.sideBanner{
	width:249px;
	margin-bottom:10px;
}

.out{
	text-indent:-9898px;
}

.indexBody div#sub .sideBox2 ul {
	padding: 20px 0px 10px 0px;
	border:none;
}
.indexBody div#sub .sideBox2 li {
	list-style: none;
	background: url(../images/index/first_icon.gif) no-repeat;
	background-position:0px 4px;
	padding: 0 0 0 15px;
	margin: 4px 7px 0px 15px;
	line-height:145%;

}

.indexBody div#sub ul {
	padding: 0px 0px 10px 0px;
	border: 1px solid #E4E4E4;
}
.indexBody div#sub li {
	list-style: none;
	background: url(../images/index/side_icon.gif) no-repeat;
	background-position:0px 3px;
	padding: 0 0 0 15px;
	margin: 10px 7px 0px 7px;
	line-height:120%;
	clear:left;
}


/*
-----------------------------------jirei js*/
#listticker{
/*	margin-top:-2px;*/
	margin-left:-1px;
	height:67px;
	width:249px;
	overflow:hidden;
	background:url(../images/index/jirei_00.gif) no-repeat;
/*	border:solid 1px #DEDEDE;
	padding:6px 10px 14px 10px;
	background-color:#FFF;*/
}

*html #listticker{
	margin-top:-4px;
	height:67px;

}


.indexBody div#sub #listticker li{
	border:0; margin:0; padding:0; list-style:none;
}

	#listticker li{
		height:78px;
		padding:0px;
		list-style:none;
	}
/**html #listticker li{
		padding:2px;
		line-height:110%;
	}*/
		#listticker a{
/*			color:#000000;*/
			margin-bottom:
		}
		#listticker .news-title{
			display:block;
/*			font-weight:bold;
			margin-bottom:4px;
			font-size:11px;*/
		}
	*html #listticker .news-title{
			margin-bottom:0px;
			font-size:10px;
		}
		#listticker .news-text{
			display:block;
			font-size:11px;
			color:#666666;
		}

/*sub要素
---------------------------------------- */
.conceptBody div#sub	{
	width: 235px;
	float: right;
	border: 1px solid #E4E4E4;
}
.pageBody div#sub, .eventBody div#sub	{
	width: 218px;
	float: left;
	background: #D2ECF9 url(../images/common/bg_sub.jpg) repeat-x bottom;
	padding-bottom: 175px;
	line-height: 100%;
	font-size: 1px;
}

/*footer要素
---------------------------------------- */
div#footer	{
	clear: both;
	background: url(../images/common/base_bg_02.gif) repeat-x;
}
div#footer table	{
	margin: 0 auto;
}
/*classスタイル
---------------------------------------- */
.pageTop { clear: both; text-align: right; padding-top: 40px; }
.imgR {	float: right;	margin: 0 0 10px 10px;}
.imgL {	float: left;	margin: 0 10px 10px 0;}

/* index.html 091222
-------------------------------------*/
.indexBody div#main ul	{
	width: 496px;
	margin:0px;
	padding:0px;
}
.indexBody div#main li	{
	list-style: none;
	background: url(../images/index/arrow_icon.gif) no-repeat 0px 3px;
	padding: 0px 5px 5px 15px;
	margin-left: 152px;
}
.indexBody div#sub dl	{
	width: 233px;
	background: #FFF;
	border: 1px solid #E4E4E4;
	padding: 10px 7px 5px 7px;
}

.indexBody .moreB {
	position:absolute;
	bottom:17px;
	right:7px;
}

.indexBody div#sub dt	{
	color: #000000;
	padding: 0px 0px 0px 0px;
}

.indexBody div#sub dd	{
	background: url(../images/index/side_icon.gif) no-repeat;
	background-position:0px 3px;
	padding: 0 0 0 15px;
	margin-bottom:10px;
	line-height:120%;
}
/* ----------------------------------- リスト一覧ページ --*/

.pageBody #main .entry, .eventBody #main .entry	{
	width: 520px;
	padding: 10px;
	border-bottom: solid 1px #7F7F7F;
}
.pageBody #main .entry h4	{
	background: url(../images/common/icon_tit.gif) no-repeat;
	padding: 0px 10px;
	margin-bottom: 5px;
	font-weight: bold;
}
.pageBody #main .pasts h4	{
	color: #082447;
}
.pageBody #main .entry h5	{
	font-weight: bold;
}
.pageBody #main .entry p	{
	background: url(../images/common/icon_txt.gif) no-repeat;
	padding: 0px 10px;
	margin: 0 0 10px 20px;
 }
* html .pageBody #sub li	{
	margin-top: -1px;
}
*:first-child + html .pageBody #sub li	{
	margin-top: -1px;
}
/* -------- イベント情報リスト一覧ページ --*/
.pageBody .main .entry table	{
	width: 100%;
	border: 1px solid #E4E4E4;
	margin-bottom: 30px;
}
.pageBody .main .entry table th	{
	background: #082447;
	color: #FFF;
	text-align: center;
	padding: 10px 5px 0px;
	border: 1px solid #E4E4E4;
}
.pageBody .main .entry table th h4	{
	margin-bottom: 10px;
}
.pageBody .main .entry table td	{
	border: 1px solid #E4E4E4;
	padding: 5px 10px;
}
.pageBody .main .entry table td li	{
	list-style: disc;
}
.pageBody .main .entry table p, .pageBody .main .entry table h5	{
	margin-bottom: 10px;
}
.pageBody .main .entry table ul	{
	padding: 0 0 10px 30px;
}
.pageBody .main .entry table td.tit	{
	text-align: center;
}


/* --------------------------------------- ブログページ --*/
.blogBody div#container	{
	width: 945px;
	margin: 0 auto;
	text-align: left;
	padding:0;
}
.blogBody div#flashcontent	{
	width: 785px;
	height: 126px;
	padding: 0 80px;
}
.blogBody div#container h2	{
	padding: 0 80px 15px;
	border-left: 1px solid #D0D0D0;
}
.blogBody div#content	{
	width: 945px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 15px;
	border-left: 1px solid #D0D0D0;
}
.blogBody div#main	{
	width: 510px;
	float: right;
	padding: 40px 175px 0 0;
}
.blogBody div#sub	{
	width: 160px;
	float: left;
	background: url(../images/blog/bg_subfoot.gif) no-repeat bottom;
	padding: 0 0 342px 0;
	line-height: 130%;
}
.blogBody #main .entry	{
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: solid 1px #7F7F7F;
}
.blogBody #main h3	{
	color: #04447C;
	font-weight: bold;
	font-size: 116.6%;
	margin-bottom: 5px;
	line-height: 200%;
}
.blogBody #main h3 span	{
	font-size: 250%;
	color: #6CB3D4;
	font-weight: normal;
}

.blogBody #sub h3	{
	background: url(../images/blog/bg_subtop.gif) no-repeat;
	padding-top: 103px;
}
.blogBody #sub .menu	{
	width: 130px;
	background: #03447D;
	padding: 0 10px 0 20px;
}
.blogBody #sub .menu ul	{
	padding-bottom: 25px;
}
.blogBody #sub .menu li	{
	padding: 8px 3px 8px 10px;
	background: url(../images/blog/menu.gif) no-repeat center left;
	list-style: none;
}
.blogBody #sub .menu li a	{
	color: #FFF;
}
.blogBody #sub .next .new5	{
	margin-right: 30px;
}

/* --------------------------------------- 検索結果ページ --*/
.searchBody #content	{
	padding: 20px;
}
.searchBody #content h3	{
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 30px;
}
.searchBody #content .main	{
	padding: 0 10px;
	margin-bottom: 20px;
}
.searchBody #content .main h4	{
	font-size: 133.3%;
	margin-bottom: 5px;
}
.searchBody #content .main p	{
	padding: 0 10px;
}
.searchBody #content .main p.url	{
	text-align: right;
	padding:0;
}
/* clearfix */
div#content:after	{	height:	0;	visibility: hidden;	content: ".";	display: block;	clear: both;}



/* ---------------------------------- 追加分 --*/

div#wrapper2 {
	text-align: center;
}
table#title,
table#ranking {
	width: 747px;
}
table#title td,
table#ranking td {
	vertical-align: top;
	text-align: center;
}
table#title .logo {
	margin: 9px 14px 0 0;
}
p.answer {
	padding-top: 10px;
}
p.answer2 {
	padding-top: 6px;
}
.mTop9 {
	margin-top: 9px;
}

/* ---------------------------------- system --*/
body.system_body {
	background-color: #A72126;	
}
div#bg_system {
	width: 747px;
	height: 642px;
	margin: 20px auto 0 auto;
	background: url("../images/system/table_bg.gif") no-repeat left bottom #FFF;
}
div#menu_system {
	width: 785px;
	height: 349px;
	margin: 0 auto;
	text-align: center;
}
div#menu_system table {
	width: 785px;
}
div#menu_system table td {
	text-align: left;
	vertical-align: top;
}
div#menu_system div.line {
	width: 333px;
	height: 94px;
	padding: 20px 0 0 78px;
	background: url("../images/system/line.gif") no-repeat left bottom;
}
div#menu_system div.noline {
	width: 333px;
	padding: 20px 0 0 78px;
}

/* ---------------------------------- it --*/
body.it_body {
	background-color: #008842;	
}
div#bg_it {
	width: 747px;
	height: 642px;
	margin: 20px auto 0 auto;
	background: url("../images/it/table_bg.gif") no-repeat left bottom #FFF;
}
div#menu_it {
	width: 785px;
	height: 349px;
	margin: 0 auto;
	text-align: center;
}
div#menu_it table {
	width: 785px;
}
div#menu_it table td {
	text-align: left;
	vertical-align: top;
}
div#menu_it div.line {
	width: 337px;
	height: 94px;
	padding: 20px 0 0 78px;
	background: url("../images/it/line.gif") no-repeat left bottom;
}
div#menu_it div.noline {
	width: 337px;
	padding: 20px 0 0 78px;
}

/* ---------------------------------- itil --*/
body.itil_body {
	background-color: #0068B7;	
}
div#bg_itil {
	width: 747px;
	height: 642px;
	margin: 20px auto 0 auto;
	background: url("../images/itil/table_bg.gif") no-repeat left bottom #FFF;
}
div#menu_itil {
	width: 785px;
	height: 349px;
	margin: 0 auto;
	text-align: center;
}
div#menu_itil table {
	width: 785px;
}
div#menu_itil table td {
	text-align: left;
	vertical-align: top;
}
div#menu_itil div.line {
	width: 333px;
	height: 94px;
	padding: 20px 0 0 78px;
	background: url("../images/itil/line.gif") no-repeat left bottom;
}
div#menu_itil div.noline {
	width: 333px;
	padding: 20px 0 0 78px;
}