﻿@charset "utf-8";
/* CSS Document */

/*
オレンジ　：FE4735
濃赤　　　：9d1116
ベージュ薄：F3ECD9
ベージュ　：E7E0CD
黄色　　　：F6E4BC
*/

@import url(png.css)  ;
@import url(linkbox.css)  ;

body  {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	background: #F3ECD9;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #656565;
}

a:link,
a:visited {
	color:#FE4735;
}

a:hover {
	color:#9d1116;
	text-decoration:underline;
}

a img {
	border:0;
}
/**/
h1,h2,h3,h4,h5,h6{ margin:0;}

h2 {
	text-align:center;
}
h4 {
	font-size:12px;
	padding:8px;
	padding-left:0;
	color:#9d1116;
	border-bottom:dotted 1px #CCC;
	margin-bottom:8px;
}
p {
	margin-top:0px;
	margin-bottom:1em;
}
textarea,input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
}


/**/
.bar {
	background-image:url(../images/bar_bg.gif);
	background-repeat:no-repeat;
	padding:18px 18px 18px 50px;
	font-size:14px;
	margin:0;
	color:#F6E4BC;
}

/**/
.twoCol #headline {
	position:absolute;
	top:0;
	left:0;
	text-align: left;
	width:100%;
}
.twoCol #headline h1 {
	width: 800px;  
	margin: 0 auto;
	padding: 0; 
	font-size:11px;
	color:#FE4735;
	font-weight:normal;
	height:16px;
	padding: 3px 0 0 0;
	overflow:hidden;
}

/**/
.twoCol #headline .topickpath {
	width:800px;
	margin:0 auto;
	padding-top:5px;
	font-size:11px;
	color:#9d1116;
}
.twoCol #headline .topickpath a {
	font-size:11px;
	color:#9d1116;
	margin:2px;
	text-decoration:none;
}
.twoCol #headline .topickpath a.home {
	background-image:url(../images/vect1.gif);
	background-repeat:no-repeat;
	padding-left:13px;
	margin:0;
}
.twoCol #headline .topickpath a:hover {
	color:#FFF;
}
/**/
.twoCol .header-home {
	position:absolute;
	top:0;
	left:0;
	/*position: relative;
	top: -19px;*/
	text-align:right;
	width:100%;
	z-index:5;
}
.twoCol .header-home a {
	display:block;
	margin:auto;
	width:800px;
}
/**/
.twoCol #header { 
	margin: 0 auto; 
	background-image:url(../images/bg_main2.gif);
	background-repeat:repeat-x;
	clear:both;
	/*background: #9E1117; 
	position:relative;*/
	z-index:2;
} 
.twoCol.home #header { 
	margin: 0 auto; 
	/*background: #9E1117; */
	background-image:url(../images/bg_main.gif);
	background-repeat:repeat-x;
} 
/**/
.twoCol #header .mainimg {
	width: 800px;  
	margin: 0 auto;
	/*position:relative;
	top:-19px;
	z-index:4;*/
	text-align:center;
}
/**/
.twoCol #header .menu {
	/*margin-bottom:-35px;*/
}
.twoCol #header .menu ul {
	width: 724px;  
	margin: 0 auto;
	background-image:url(../images/menu_bg.gif);
	background-repeat: no-repeat;
	height:46px;
	background-position:center top;
	padding: 0px;
	position:relative;
	top:-16px;
	z-index:2;
}
.twoCol.home #header .menu ul {
	background-image:url(../images/menu_bg2.gif);
}
.twoCol #header .menu li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display:inline;
}

.twoCol #header .menu li a {
	*float: left;
	*display:block;
}
.twoCol #header .menu li a img {
	filter: Alpha(opacity=0);
  opacity:0.0;
}
.twoCol #header .menu li a.select img{
	filter: Alpha(opacity=100);
  opacity:1.0;
}
.twoCol #header .menu li a:hover img{
	filter: Alpha(opacity=100);
  opacity:1.0;
}
/**/
.twoCol #container { 
	width: 802px;  
	background: #FFFFFF;
	background-image:url(../images/container_bg.gif);
	background-repeat:repeat-y;
	margin: 0 auto; 
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left; 
	position:relative;
	top:-30px;
	z-index:0;
} 
.twoCol.home #container { 
}
/**/
.twoCol #mainContent { 
	float: right; 
	padding: 0; 
	width:564px;
	margin-right:16px;
	*margin-right:8px;
	overflow:hidden;
} 

/**/
.twoCol #sidebar1 {
	float: left; 
	width: 196px; /* 標準に準拠したブラウザまたは Internet Explorer の標準モードでは、この div の実際の幅には、幅に加えて余白と境界線も含まれます */
	padding: 0;
	margin-left:16px;
	*margin-left:8px;
}

/**/
.twoCol #footer { 
	padding: 0;
	position:relative;
	top:-30px;
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	height:88px;
	width:802px;
	margin:auto;
	margin-bottom:-30px;
	color:#F3ECD9;
} 
.twoCol.home #footer { 
	*top:-32px;
}

.twoCol #footer a:link,  
.twoCol #footer a:visited { 
	color:#F3ECD9;
	text-decoration:none;
}
.twoCol #footer a:hover { 
	color:#F6E4BC;
}


.twoCol #footer .footer-logo {
	float:left;
	margin:2px 24px;
} 
.twoCol #footer p {
	margin: 0; 
	padding: 16px 24px 5px;
	text-align:right; 
	font-size:11px;
}
.twoCol #footer p.copy {
	padding-top: 8px;
	color:#9a9a9a;
}
/**/
.entry-body ,
.entry-more {
	margin-bottom:16px;
	*margin-bottom:32px;
}
.entry-more {
	clear:both;
}
.entry-body div.mar200 {
	margin-left:212px;
}
.entry-body p ,
.entry-more p {
	line-height:150%;
}
.entry-body img ,
.entry-more img {
	padding:1px;
	border:1px solid #E6E6E6;
}
.entry-footer {
	margin:18px 0 16px 0 ;
	clear:both;
	border-bottom:dotted 1px #CCC;
}
.entry-footer .link_s {
	margin-top:-2px;
	margin-left:8px;
}
.entry-footer p {
	background-color:#E6E6E6;
	font-size:11px;
	color:#999;
	padding:3px 3px 1px;
	margin-bottom:18px;
}
.entry-footer p a:link,
.entry-footer p a:visited {
	color:#999;
}
.entry-footer p a:hover {
	color:#FE4735;
}

/**/
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/**/
.inner {
	margin:0 8px;
}
/**/
.thumb {
	float:left;
	margin-right:8px;
	margin-bottom:16px;
	*margin-bottom:0;
	display:block;
}
/**/
.table1 {
	width:100%;
	margin-bottom:16px;
	
}
.table1 th {
	background-color:#333;
	color: #F6E4BC;
	text-align:right;
	padding:8px;
	font-weight:normal;
	letter-spacing: 0.5em;
	font-size:11px;
	vertical-align: top;
	width:150px;
}
.table1 td {
	vertical-align: middle;
	padding-left:4px;
}
/**/
.table2 {
	width:100%;
	margin-bottom:16px;
	
}
.table2 th {
	background-color:pink;
	padding:5px;
	font-weight:normal;
	vertical-align: middle;
	width:90px;
}
.table2 th span {
	background-image:url(../images/vect1.gif);
	background-repeat:no-repeat;
	padding-left:13px;
	color: #9d1116;
	font-size:12px;
}
.table2 td {
	vertical-align: middle;
	background-color:#E6E6E6;
}

.table2 a:link,
.table2 a:visited {
	color:#333;
	display:block;
	/*padding-left:10px;
	background-image:url(../images/vect2.gif);
	background-repeat:no-repeat;
	background-position:left center;*/
}

.table2 a:hover {
	background-color:#CCCCCC;
}

.table2 td span {
	padding:5px;
	display:block;
}

/**/
.send {
	background-image:url(../images/bg_send.gif);
	border:1px solid #E7E0CD;
	padding:16px;
	text-align:center;
	margin-bottom:16px;
}
/**/
.line {
	border-top:1px dotted #CCC;
	padding-top:8px;
}
.line .link_l {
	float:right;
}
/**/
.link_l:link,
.link_l:visited{
	background-image:url(../images/link_l.gif);
	background-repeat:no-repeat;
	font-size:10px;
	color:#F6E4BC;
	display:block;
	padding:4px;
	padding-left:20px;
	margin-bottom:6px;
	text-decoration:none;
	width:154px;
	height:14px;
}
.link_l:hover{
	text-decoration:none;
	background-image:url(../images/link_l_on.gif);
}
/**/
.link_s:link,
.link_s:visited{
	background-image:url(../images/link_s.gif);
	background-repeat:no-repeat;
	font-size:10px;
	color:#F6E4BC;
	display:block;
	padding:4px;
	padding-left:20px;
	text-decoration:none;
	float:right;
	width:98px;
	height:14px;
}
.link_s:hover{
	text-decoration:none;
	background-image:url(../images/link_s_on.gif);
}
/**/
.profile {
	padding-top: 14px;
}
/**/
.f10 {
	font-size:10px;
	color:#666666;
}
/**/
.pageTop {
	text-align:right;
	clear:both;
	padding-top:16px;
}
.pageTop a {
	width: 7.5em;
	float:right;
	font-size:11px;
	background-image:url(../images/vect_up.gif);
	background-repeat:no-repeat;
}
/**/
.flip {
	margin:8px;
	padding:0;
	height:24px;
}
.flip li {
	margin:0;
	padding:0;
	list-style:none;
	width:181px;
}
.flip a:link,
.flip a:visited {
	display:block;
	width:6em;
	text-align:center;
	border:1px solid #9d1116;
	font-size:11px;
	text-decoration:none;
	background-color:#9d1116;
	color:#F6E4BC;
}
.flip a:hover {
	background:none;
	color:#9d1116;
	text-decoration:none;
}
.flip .newer {
	float:right;
	text-align:right;
	margin-right:0;
	margin-left:auto;
}
.flip .newer a {
	margin-right:0;
	margin-left:auto;
}
.flip .older {
	float:left;
	text-align:left;
}
.flip .top {
	float:right;
	text-align:center;
}
.flip .top a {
	margin:auto;
}

.contact {
	margin-top:8px;
	margin-bottom:16px;
}