body {
    color: #333;
    font-family: "ＭＳ Ｐゴシック", "MS PGothic", MS UI Gothic,"ＭＳ ゴシック";
    font-size: 12px;
    height: 100%;
    line-height: 160%;
    margin: 0;
    padding: 0 0 88px 0;
	background-image: url(../../img/back.jpg);
	background-position: center top;
	letter-spacing: 0.2em;
}



td, th {
    font-size: 12px;
    line-height: 140%;
}
a, a:link, a:visited {
    color: #0C337F;
    text-decoration: none;
}
a:hover {
    color: #0D347F;
    text-decoration: underline;
}
img {
    border: 0;
}
body a:hover img {
    opacity: 0.77;
}
.web {
    display: none;
}

.fontmini {
	font-size:10px;
}

.blue {
    color: #0C5BAC;
}

.green {
    color: #2CB200;
}

.orange {
    color: #FF6600;
}

.red {
    color: #FF0000;
    font-weight: bold;
}

#container {
    text-align: left;
    margin: 0;
    padding: 0;
	width:100%;
    overflow: hidden;
	background-image: url(../../img/header_back.png);
	background-repeat: repeat-x;
}

#header {
    text-align: left;
    margin: 0;
    padding: 0;
    width: 100%;
	height:144px;
}

.head {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 960px;
	height:144px;
    overflow: hidden;
	background-image: url(../../img/header_line.jpg);
	background-repeat: no-repeat;
background-color:#FFF;
}

.logo {
	float:left;
    margin: 21px 0 0 0;
    padding: 0;
	width:250px;
	border:0;
}

.h_banner {
	float:right;
    margin: 15px 0 16px 0;
    padding: 0;
	width:678px;
	height:88px;
	border:0;
}


/* menu */

#menu{
	clear:both;
	margin: 0;
	padding: 0;
    width: 960px;
    overflow: hidden;
}

#menu ul.menu{
	margin: 0;
	padding: 0;
}

#menu ul.menu li{
	float:left;
	list-style:none;
	margin: 0 20px 0 0;
	padding: 0 0 0 30px;
	background-image: url(../../img/icon01.jpg);
	background-repeat: no-repeat;
}

#menu ul.menu li a{
	display:block;
	overflow:hidden;
}

/* main */

#wrap {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 960px;
    overflow: hidden;
	background-image: url(../../img/wrapback.jpg);
	background-repeat: repeat-y;
	background-color:#F6F6F6;
}

#wrap2 {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 960px;
    overflow: hidden;
	background-image: url(../../img/wrapback2.jpg);
	background-repeat: repeat-y;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#wrap {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 960px;
    overflow: hidden;
	background-image: url(../../img/wrapback-2.jpg)top center;
	background-repeat: repeat-y;
	background-color:#F6F6F6;
}
#wrap2 {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    width: 960px;
    overflow: hidden;
	background-image: url(../../img/wrapback2-2.jpg)top center;
	background-repeat: repeat-y;
}
}

#sidebar {
	float:left;
    text-align: left;
    margin: 0 0 0 1px;
    padding: 0;
	width:248px;
    overflow: hidden;
	background-color:#F0F8FF;
	background-image: url(../../img/side_back.jpg);
	background-repeat: no-repeat;
}

#article {
	float:right;
	text-align:left;
    margin: 0;
    padding: 0;
	width:710px;
    overflow: hidden;
	background-image: url(../../img/articleback.jpg);
	background-repeat: no-repeat;
}

/* sidebar */

.kizuna {
	text-align:center;
    margin:0;
    padding: 10px 0 0 0;
	width:249px;
	height:99px;
}

.side_menu {
	text-align: left;
    margin:0 auto 30px;
    padding: 0;
	width:249px;
    overflow: hidden;
}

ul.sidemenu{
	margin: 0 0 0 1px;
	padding: 0;
	width:249px;
	letter-spacing: 0.2em;
}

ul.sidemenu li{
	list-style:none;
	margin:0;
	padding: 6px 0 5px 34px;
	width:214px;
	background-image: url(../../img/icon02.jpg);
	background-repeat: no-repeat;
	background-color:#CAE3FF;
	border-bottom: 1px dotted #CCC;
}

ul.sidemenu li:hover{
	list-style:none;
	margin:0;
	padding: 6px 0 5px 34px;
	width:214px;
	background-image: url(../../img/icon022.jpg);
	background-repeat: no-repeat;
	background-color:#93C6FF;
	border-bottom: 1px dotted #CCC;
}

ul.sidemenu li a{
	color:#0C337F;
}

ul.submenu{
	margin: 0 0 0 1px;
	padding: 0;
	width:249px;
    overflow: hidden;
}

ul.submenu li{
	list-style:none;
	margin:0;
	padding: 4px 0 3px 34px;
	width:214px;
	background-image: url(../../img/icon03.jpg);
	background-repeat: no-repeat;
	background-color:#F0F8FF;
	border-bottom: 1px dotted #CCC;
}

ul.submenu li:hover{
	list-style:none;
	margin:0;
	padding: 4px 0 3px 34px;
	width:214px;
	background-image: url(../../img/icon032.jpg);
	background-repeat: no-repeat;
	background-color:#E1F1FF;
	border-bottom: 1px dotted #CCC;
}

ul.submenu li a{
	color:#333;
}

/* article */

#contents{
    margin: 16px 0 0 0;
    padding: 0 30px;
	width:650px;
	overflow:hidden;
	background-image: url(../../img/articleback3.jpg);
	background-repeat: repeat-y;
}

#pan{
    margin: 12px 0 23px 0;
    padding: 0;
	width:650px;
}

.t_news{
	float:left;
    margin: 0;
    padding: 0;
	width:390px;
	overflow:hidden;
}

.t_news_head{
    margin: 0;
    padding: 0;
	width:390px;
	height:46px;
	background-image: url(../../img/t_news.jpg);
	background-repeat: no-repeat;
}

.t_icon{
	text-align:right;
    margin: 0;
    padding: 0;
}

ul.t_news_list{
	margin: 0 0 60px;
	padding: 0;
	width:390px;
	overflow:hidden;
}

ul.t_news_list li{
	list-style:none;
	margin:0;
	padding: 8px 6px 6px 6px;
	border-bottom: 1px dotted #999;
}

ul.t_news_list li:hover{
	list-style:none;
	margin:0;
	padding: 8px 6px 6px 6px;
	border-bottom: 1px dotted #999;
	background-color:#E1F1FF;
}

ul.t_news_list li img{
	margin:0 10px 6px 0;
	vertical-align: middle;
}

.t_category {
	margin:0 0 16px 0;
    padding: 0;
}

.t_banner{
	float:right;
	text-align:left;
    margin: 0;
    padding: 0;
	width:240px;
}

.t_banner img{
    margin: 0 0 2px 0;
    padding: 0;
}

.b_news,.b_news img{
	text-align: right;
    margin: 0;
    padding: 0;
	height:16px;
}

.t_news_4{
    margin: 0;
    padding: 0;
	width:710px;
	background-image: url(../../img/articleback2.jpg);
	background-repeat: repeat-y;
	overflow:hidden;
}

.t_news_all{
    margin: 30px 0 60px 30px;
    padding: 0;
	width:680px;
}

.t_box_wrap {
	margin: 0;
    padding: 0;
	overflow:hidden;
	}
	
.t_box{
	float:left;
	margin: 0 14px 14px 0;
    padding: 0;
	width:321px;
	}

.t_top{
    margin: 0;
    padding: 0;
	width:321px;
	height:56px;
}

.t_line{
    margin: 0;
    padding: 0 18px;
	width:284px;
	overflow:hidden;
	background-image: url(../../img/t_line.jpg);
	background-repeat: repeat-y;
}

.t_bottom{
    margin: 0;
    padding: 0;
	width:321px;
	height:21px;
	background-image: url(../../img/t_bottom.jpg);
	background-repeat: no-repeat;
}

ul.topics,ul.topics2,ul.topics3,ul.topics4 {
    margin: 10px 0;
    padding: 0;
}


ul.topics li,ul.topics2 li,ul.topics3 li,ul.topics4 li {
	list-style:none;
	margin:0;
	padding: 8px 6px 6px 6px;
	border-bottom: 1px dotted #999;
}

ul.topics li:hover {
	background-color:#FFE1C4;
}

ul.topics2 li:hover {
	background-color:#E1F1FF;
}

ul.topics3 li:hover {
	background-color:#C1FFC1;
}

ul.topics4 li:hover {
	background-color:#FFECB0;
}

.archive {
    margin: 0;
    padding: 3px 0 0 32px;
	background-image: url(../../img/icon04.jpg);
	background-repeat: no-repeat;
}




/* バナーエリア */

#b_area {
	clear:both;
    margin: 0;
    padding: 0;
    width: 100％;
-webkit-box-shadow:0 0 2px 2px #ddd;
   -moz-box-shadow:0 0 2px 2px #ddd;
        box-shadow:0 0 2px 2px #ddd;
}

.b_area2 {
	clear:both;
    margin: 0;
    padding: 0;
    overflow: hidden;
	background-color:#FFF;
}

.b_type {
	text-align:left;
    margin: 20px auto;
    padding: 0;
    width: 960px;
    overflow: hidden;
}

.b_type_name {
    margin: 0;
    padding: 0;
}

.b_type_back{
	text-align:center;
    margin: 0;
    padding: 10px;
    overflow: hidden;
	background-image: url(../../img/b_back.jpg);
}

.b_type_back img{
    margin: 0 2px 0 0;
	vertical-align:middle;
}




/* footer */

#footer {
	clear:both;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
	background-image: url(../../img/footer_back.jpg);
	background-repeat: repeat-x;
	background-color:#F2F2F2;
}

.foot {
	text-align:left;
    margin: 0 auto;
    padding: 0;
	width:960px;
}

.foot_link {
	text-align:center;
    margin: 51px 0 30px 0;
    padding: 10px 20px;
	background-color:#E8E8E8;
}

.copy {
	text-align:center;
    margin: 0 0 30px 0;
    padding: 0;
}



/* 画面下固定部 */

div#footerArea {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 88px;
	border-top:#CCC 1px solid;
	background-color:#F7F7F7;
	z-index: 9998;
	letter-spacing: 0;
}

.f_Area {
	text-align:left;
	margin:0 auto;
	width: 960px;
	overflow:hidden;
}

.f_com {
	float:left;
	margin:18px 0 0 0;
	padding:0;
	width: 250px;
}

.f_logo {
	float:left;
	margin:0;
	padding:0;
	width: 50px;
}

.f_txt {
	float:right;
	margin:4px 0;
	padding:0;
	width: 200px;
}

.c_name {
	margin:0;
	padding:0;
	color:#0C5BAC;
	font-size:16px;
	font-weight:bold;
}

.c_name {
	color:#0C5BAC;
	font-size:16px;
	font-weight:bold;
}

.c_site {
	margin:0;
	padding:0;
	letter-spacing: 0.2em;
}

.f_right {
	float:right;
	margin:16px 0 0 0;
	padding:0;
	width: 656px;
}

.f_add {
	float:left;
	margin:6px 0 0 0;
	padding:0;
	width: 350px;
}

.c_tel {
	color:#0C5BAC;
	font-weight:bold;
}

.f_btn {
	float:right;
	text-align:right;
	margin:0;
	padding:0;
	width: 300px;
}

div#pageRight {
	position: fixed !important;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 36px;
	height: 36%;
	z-index: 9999;
}



/* add display:inline to floated elements */
.logo,
.h_banner,
#menu ul.menu li,
#sidebar,
#article,
.t_news,
.t_banner,
.t_box,
.f_com,
.f_logo,
.f_txt,
.f_right,
.f_add,
.f_btn {display:inline;}

/* add zoom:1 to overflow:hidden */
#container,
.head,
#wrap,
#sidebar,
#article,
.side_menu,
.t_news,
ul.t_news_list,
.t_news_4,
.t_line,
.b_area2,
.b_type,
.b_type_back,
#footer,
.f_Area {zoom:1;}