@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html,
body,
td,
th,
div,
form,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
caption,
pre,
dl,
dt,
dd,
select,
option,
input,
textarea{
	margin: 0px;
	padding: 0px;
	font:1em sans-serif, Verdana, Arial, Helvetica, 'MS UI Gothic', 'MS Gothic', 'Hiragino Kaku Gothic Pro', 'Osaka';
	color: #000;
	}

html,
body{
	text-align: center;
	font-size: 0.8em;
	}

table{
	border-collapse:collapse;	border-spacing:0;}

td,
th { /*font-size:small; */}

p,
input,
select,
option,
textarea,
dt,
dd,
li{ line-height:1.4em; /*font-size:small;*/}

img { border: 0px;}

ul,
li { list-style-type: none;
	/*font-size:small;*/}


/* Anchor - normal */
a:link,
a:active{
	/*color: #09F;*/
	text-decoration: none;}

a:visited{
	/*color: #09*/F;
	text-decoration: none;}

a:hover{
	/*color: #08F;*/}

/****************************************************************************************************/


body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	/*margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;*/
}

#container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF  url(../images/common/bg-02.gif) repeat-y 0px 0px;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border-left:1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: px;
	border-top: 0px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 

#header {
	width: 800px; 
	border-bottom: 0px solid #666666;
	height: 80px;
	background: url(../images/common/bg-01.gif);
	margin: 0px;
	padding: 0px;
} 

 #header  h1,#header  p{
	font-size: 0px;
	line-height: 0px;}



#header   h1.title a {
	display: block;
	float: left;
	background: url(../images/common/ogata_title.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	height: 52px;
	width: 215px;
	margin-top: 12px;
	margin-left: 18px;}

#header   .minshu_logo a  {
	display: block;
	float: right;
	background: url(../images/common/minshu_logo.gif);
	height: 57px;
	width: 120px;
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 0px;
	line-height: 0px;}

#flash{
	clear: both;
	margin: 0px;
	padding: 0px;}


/*******************************************************/
/*                                                     */
/* サイドバナー                                        */
/*                                                     */
/*******************************************************/
#sidebar1 {
	width:250px;
	float: left;
	margin: 0px;
	padding: 0px;}


#sidebar1 ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	text-indent: -9999px;
	padding: 0px;}
#sidebar1  ul  li {
	padding-bottom:3px;}
#sidebar1  ul  li a{
	display: block;
	height: 68px;
	width: 260px;
	text-indent: -9999px;
	overflow:hidden;}

#sidebar1 ul li.why a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px 0px; }
#sidebar1  ul  li.hope a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -71px; }
#sidebar1  ul  li.history a{ 
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -142px; }
#sidebar1  ul  li.know a{ 
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -213px; }


#sidebar1 ul li.bnrblog1,
#sidebar1 ul li.bnrblog2,
#sidebar1 ul li.bnr-01,
#sidebar1 ul li.bnr-02,
#sidebar1 ul li.office,
#sidebar1 ul li.schedule,
#sidebar1 ul li.report
{padding-left:5px;}

#sidebar1 ul li.bnrblog1 a,
#sidebar1 ul li.bnrblog2 a,
#sidebar1 ul li.bnr-01 a,
#sidebar1 ul li.bnr-02 a,
#sidebar1 ul li.office a,
#sidebar1 ul li.schedule a,
#sidebar1 ul li.report a{
		height:75px; 
		width:250px; }
#sidebar1 ul li.bnr-01 a,
#sidebar1 ul li.bnr-02 a,
#sidebar1 ul li.office a,
#sidebar1 ul li.schedule a,
#sidebar1 ul li.report a{
		height:60px; }

#sidebar1 ul li.bnrblog1 a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -313px; }
#sidebar1 ul li.bnrblog2 a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -388px; }

#sidebar1 ul li.bnr-01 a{ 
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -463px;}
#sidebar1 ul li.bnr-02 a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -523px; }
#sidebar1 ul li.office a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -583px; }
#sidebar1 ul li.schedule a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -643px; }
#sidebar1 ul li.report a{
	background: url(../images/common/sidemenu.jpg) no-repeat 0px -703px; }

#sidebar1 ul li.why a:hover,
#GREETING #sidebar1 ul li.why a{
	background: url(../images/common/sidemenu.jpg) no-repeat -264px 0px; }
#sidebar1  ul  li.hope a:hover,
#POLICY #sidebar1  ul  li.hope a{
	background: url(../images/common/sidemenu.jpg) no-repeat -264px -71px; }
#sidebar1  ul  li.history a:hover,
#PROFILE #sidebar1  ul  li.history a{ 
	background: url(../images/common/sidemenu.jpg) no-repeat -264px -142px; }
#sidebar1  ul  li.know a:hover,
#RINTARO #sidebar1  ul  li.know a{ 
	background: url(../images/common/sidemenu.jpg) no-repeat -264px -213px; }


#sidebar1 ul li.bnrblog1 a:hover{
	height:75px;
	background: url(../images/common/sidemenu.jpg) no-repeat -250px -313px; }
#sidebar1 ul li.bnrblog2 a:hover{
	height:75px;
	background: url(../images/common/sidemenu.jpg) no-repeat -250px -388px; }

#sidebar1 ul li.bnr-01 a:hover{ background: url(../images/common/sidemenu.jpg) no-repeat -250px -463px; }
#sidebar1 ul li.bnr-02 a:hover{ background: url(../images/common/sidemenu.jpg) no-repeat -250px -523px; }
#sidebar1 ul li.office a:hover{  background: url(../images/common/sidemenu.jpg) no-repeat -250px -583px; }
#sidebar1 ul li.schedule a:hover{
	background: url(../images/common/sidemenu.jpg) no-repeat -250px -643px; }
#sidebar1 ul li.report a:hover{
	background: url(../images/common/sidemenu.jpg) no-repeat -250px -703px; }
	
	
/*******************************************************/
/*                                                     */
/* コンテンツ部　バナー                                */
/*                                                     */
/*******************************************************/
/*banner*/

#Banner-Area{
	width:100%;
	margin:15px 0 10px 0; padding:0;}
	
#TOP .bnr1{
	width: 255px;
	float: left;
	padding: 5px 0 5px 0px;
	margin: 0;}
#TOP .bnr2{
	width: 255px;
	float: right;
	padding: 5px 10px 5px 0px;
	margin: 0;}

#TOP .bnr2 .bnr-01 a{
	background: url(../images/index/bnr-01.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 255px;
	margin-bottom:7px;
	overflow:hidden;}

#TOP .bnr2 .bnr-02 a{
	background: url(../images/index/bnr-02.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 60px;
	width: 255px;
	overflow:hidden;}

#TOP .bnr1 .bnr-03 a{
	background: url(../images/index/bnr-03.jpg) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 127px;
	width: 255px;
	overflow:hidden;}


/*******************************************************/
/*                                                     */
/* コンテンツ部　　　　                                */
/*                                                     */
/*******************************************************/
#centerBnr {
	float:right;
	width:530px;
	margin-right:0px;}

#centerBnr p {
	padding: 0px;
	margin: 0px 0px 5px 5px;}


.Blog-Area{
	width:100%;
	height:auto;
	margin:0 0 10px 0; padding:0;}

.BLOG1{
	width: 255px;
	float: left;
	padding: 0px 0 5px 0px;
	margin-top: 5px;}
	
.BLOG2{
	width: 255px;
	float: right;
	padding: 0px 10px 5px 0px;
	margin-top: 5px;}

.blog1 h2,
.BLOG1 h2,
.BLOG2 h2{
	font-size: 0%;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	text-indent: -9999px;
	display: block;
	width: 255px;}


h2.title1{
	background: url(../images/index/image_001.jpg) no-repeat 0px 9px;
	height: 89px;}

h2.title2{
	background: url(../images/index/image_002.jpg) no-repeat 0px 0px;
	height: 89px;}


h2.title3{
	background: url(../images/index/image_003.jpg) no-repeat 0px 0px;
	height: 40px;}

h2.title4{
	background: url(../images/index/image_004.jpg) no-repeat 0px 0px;
	height: 40px;}


/*ブログの制御*/
/*.BLOG1 p,
.BLOG2 p{
	margin: 0px;
	padding: 1px 0px;
	font-size: 0.85em;
	line-height: 100%;}*/
#container #mainContent .section .blog{
	line-height: 100%;
	padding: 8px 0;
	border-bottom: 0px dashed #999999;
	}
#TOP p.blog {
	/*margin:5px 0;
	padding: 5px;*/
	line-height: 100%;
	margin:0;
	padding: 4px 0;
	border-bottom: 1px dashed #999999;
	/* border:1px solid #099;*/}

#BLOG #mainContent .date ,
#TEKUTEKU #mainContent .date ,
#SCHEDULE #mainContent .date ,
#REPORT #mainContent .date {}


#BLOG #mainContent .blogtitle ,
#TEKUTEKU #mainContent .blogtitle ,
#SCHEDULE #mainContent .blogtitle ,
#REPORT #mainContent .blogtitle  {
	margin-left: 1.8em;}

#TOP .date {}
#TOP .blogtitle {margin-left:0.5em;}







.more a {
	display: block;
	text-indent: -9999px;
	background: url(../images/index/btn_more.gif) no-repeat 0px 0px;
	height: 15px;
	width: 72px;
	margin-top: 10px;
	margin-left: 170px;
	overflow:hidden;}

.BLOG1-IN,
.BLOG2-IN{
	padding:5px 0px;
	height:105px;
	overflow: auto;}

.BLOG1-IN ul,
.BLOG2-IN ul{
	margin:0; padding:0;}
.BLOG1-IN li,
.BLOG2-IN li{
	list-style:none;
	padding: 1px 0px;
	border-bottom: 1px dashed #999999;
	/*margin:0 0 5px 0; padding:0;*/}

#mainContent{ 
	float:right;
	margin:0em 0em 2em 0em;
	/*margin: 1em 0px 10em 250px;*/
	padding: 0 10px 0 30px;
		
}



#mainContent h3 {
	font-size: 0.9em;
	/*margin-left: 0.5em;*/
	background: url(../images/common/bg_h3.gif) no-repeat 0px 0px;
	height: 25px;
	line-height: 25px;
	text-indent: 25px;
	color: #000000;}



#mainContent h4 {
	font-size: 0.9em;
	margin-left: 1em;
	padding-bottom:5px;
	border-bottom: 1px solid #DCBE94;
	text-indent: 10px;
	color: #000000;}



#mainContent p {
	/*font-size: 0.8em;
	margin-left: 2em;
	line-height:140%;*/}





/*******************************************************/
/*                                                     */
/* フッタ部　  　　　　                                */
/*                                                     */
/*******************************************************/

#footer {
	padding: 0 10px 0 20px;
	border-top: 3px solid #FF9500;
	background: #FFFFFF;
} 

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	text-align: right;


}

.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;}

.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;}
	
	
	

.clearfloat {
	width:100%;
	margin:0; padding:0;
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}



#sidebar1.sub{
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 260px;
}



#sidebar1.top{
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 260px;
/*	height: 338px;*/}



.adsense{
	text-align: center;
	padding: 0px;
	margin: 25px 0px 5px 0px;}