/* ------------ common ------------ */


body {
	text-align: left;
	background-color:#221714;
}

body,div {
	color: #24221b;
	margin: auto;
	font-family: 'ＭＳ Ｐゴシック', HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3';
}


/* anchor */

#top {
	display:none;
	border: 0;
}


/* wrap */

#Wrap {	
	width:920px;
	background-image:url(../images/bg-wood.jpg);
	background-position:center;
	background-repeat:repeat-y;
	margin:0 auto 0 auto;
	padding:0;
}

#title {
	text-align:center;
	font-size:70%;
	line-height:1.3;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	margin:  0;
	padding: 8px 0 2px 0;
	font-weight:normal;
}

/* content */

#ContentTop {
	clear:both;
	width: 880px;
	margin:  0 auto 0 auto;
	padding: 0;
	background-color:#221714;
}
#Content {
	clear:both;
	width: 920px;
	margin:  0 auto 0 auto;
	padding: 0;
	background-image:url(../images/bg-sidebar.jpg);
	background-repeat:repeat-y;
}


#LogoTop {
	width: 860px;
	margin:  0;
	padding: 15px 0 0 20px;
	
}
#LogoPages {
	margin:  0;
	padding: 15px 0 0 0;
	
}

#ContentNewsTop {
	clear:both;
	width: 760px;
	margin:  15px auto 0 auto;
	padding: 20px 60px 20px 60px;
	background-color:#221714;
}



/* top-main */

#MainTop{
	width: 665px;
	height: 760px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	background-image:url(../images/bg-topmessage.jpg);
	background-position: 0 380px;
	background-repeat:no-repeat;
	float:right;
	/* background-color:#F06; */
}

#MainTop p{
	color:#fff;
	font-size:90%;
	line-height:2;
	margin:  70px 0 0 20px;
	padding: 0 0 0 0;
}


#FraMovie{
	display:block;
	width: 665px;
	height: 375px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	background-image:url(../images/pic-movie.jpg);
	background-repeat:no-repeat;
}


/* main (for CommonPages) */

#Main{
	width: 670px;
	margin:  0 0 0 0;
	padding: 0 0 0 0;
	float:right;
}


#TitPages{
	margin:  75px 0 0 0;
	padding: 0;
}






/* News for Toppage */

#Fra-NewsTop {
	margin: 0 0 20px 50px;
	padding: 0;
}

#Fra-NewsTop ul {
	margin: 0 0 0 20px;
	padding: 0;
}

#Fra-NewsTop li {
	height:15px;
	margin: 0 0 10px 0;
	padding:20px 0 0 0;
	list-style:none;
}

#Fra-NewsTop li+li {
	background-image:url(../images/bor-topnews.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.news-t-day {
	float:left;
	display:block;
	width:100px;
	height:15px;
	margin:0 10px 0 0;
	font-weight:bold;
	color:#F90;
	font-size:80%;
	line-height:1;
}

.news-t-entry {
	float:left;
	display:block;
	width:570px;
	height:15px;
	margin:0 0 0 0;
	font-weight:bold;
	color:#fff;
}

.news-t-entry h3 {
	margin:0 0 12px 0;
	font-size:80%;
	line-height:1;
	
}
.news-t-entry p {
	margin:0 0 5px 0;
	font-size:70%;
	line-height:1.6;
}


/* News for Newspage */

#Fra-NewsPage {
	margin: 0 0 0 20px;
	padding: 0;
}

#Fra-NewsPage dl {
	margin: 0;
	padding: 0;
}

#Fra-NewsPage dt {
	clear:both;
	float:left;
	width:100px;
	height:80px;
	margin: 0 0 20px 0;
	padding:0;
	background-image:url(../images/bor-pages.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}


#Fra-NewsPage dd {
	float:left;
	width:420px;
	height:80px;
	margin: 0 0 20px 0;
	padding:0;
	background-image:url(../images/bor-pages.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}



.news-p-day {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#F90;
	font-size:80%;
	line-height:1;
}

#Fra-NewsPage h3{
	margin:0;
	padding:0;
}
#Fra-NewsPage dd p{
	color:#999;
	margin:5px 0 0 0;
	padding:0;
	font-size:90%;
	line-height:1.3;
}




/* footer */

#Copyright {
	
	text-align:right;
	font-size:10px;
	width: 900px;
	margin: auto;
	padding: 10px 0 10px 0;
	font-family: 'ＭＳ Ｐ明朝', HiraMinPro-W3, 'ヒラギノ明朝 Pro W3';
	color:#fff;
}



/* pagetop */
#PageTop {
	clear:both;
	font-size: 75%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 30px 0 30px 0;
}



/* text */

.t-gr-sma {
	margin:0;
	padding:10px 0 0 10px;
	font-size:70%;
	line-height:1.6;
	color:#ccc;
}




/* ----------- parts ---------- */

img { border:none;}


/*Firefox*/
a:focus{
/*\*/
overflow: hidden;
/**/
}



/* alpha hover */

a:hover .hov-alpha  {
	filter: alpha(opacity=60);
	-moz-opacity: 0.8;
	opacity:0.6;
}


.c-both { 
	clear:both;
	overflow:hidden;
	width: 1px;
    height: 1px;
	margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}


/* ---------- テキスト関連---------- */

/*  1文字目拡大 */
.f-letter:first-letter {
	font-size:2em;
	line-height:1.3em;
	padding: 0em 0em 0.1em 0.2em;
}


/* 1文字目字下げ */
.t-indent{
	text-indent: 1em; 
}

/* t-dot */
.t-dot{
	border-bottom:1px dotted #ccc;
}


/* アライン */
.t-ali-right{
	text-align:right;
}
.t-ali-left{
	text-align:left;
}
.t-ali-center{
	text-align:center;
}


/* 文字太さ */
.font-weight-nomal{
	font-weight:normal;
}
.font-weight-bold{
	font-weight:bold;
}



/* ------------ 選択テキストサイズ ------------  */

.sma {
	font-size:  90%;
	line-height: 1;
}
.sma-s {
	font-size:  85%;
	line-height: 1;
}
.sma-ss {
	font-size:  80%;
	line-height: 1;
}

.mid {
	font-size:  140%;
	line-height: 1;
}

.mid-m {
	font-size:  130%;
	line-height: 1;
}
.mid-mm {
	font-size:  120%;
	line-height: 1;
}

.nom {
	font-size:  110%;
	line-height: 1;
}





/* color */

.col-black { color: #000!important;}
.col-red { color: #ff0066!important;}
.col-red2 { color: #CC0066!important;}
.col-red-bold { color: #ff0066; font-weight:bold!important;}
.col-s-blue { color: #3366FF!important;}
.col-blue { color:#3366cc!important;}
.col-orange { color:#de661c!important;}
.col-purple { color: #6633CC!important;}
.col-yellow { color: #ffcc66!important;}
.col-pink { color: #ff6699!important;}
.col-green { color: #669900!important;}
.col-brown { color: #D8BB4E!important;}
.col-l-grey { color: #aaa!important;}
.col-grey { color: #666!important;}


/* link */

a:link        { color: #666; text-decoration: underline; }
a:visited     { color: #666; text-decoration: underline; }
a:hover       { color: #666; text-decoration: none; }
a:active      { color: #666; text-decoration: underline; }

a.a-bl:link     { color: #000; text-decoration: underline; }
a.a-bl:visited  { color: #000; text-decoration: underline;  }
a.a-bl:hover    { color: #000; text-decoration: none; }
a.a-bl:active   { color: #000; text-decoration: underline; }

a.a-gr:link     { color: #666; text-decoration: underline; }
a.a-gr:visited  { color: #666; text-decoration: underline;  }
a.a-gr:hover    { color: #666; text-decoration: none; }
a.a-gr:active   { color: #666; text-decoration: underline; }

a.a-red:link     { color: #cc0066; text-decoration: none; }
a.a-red:visited  { color: #8d0046; text-decoration: none;  }
a.a-red:hover    { color: #cc0066; text-decoration: underline; }
a.a-red:active   { color: #cc0066; text-decoration: none; }

a.a-wh:link     {color: #fff; text-decoration: underline; }
a.a-wh:visited  {color: #fff; text-decoration: underline;  }
a.a-wh:hover    {color: #fff; text-decoration: none; }
a.a-wh:active   {color: #fff; text-decoration: underline; }

a.a-wh-noul:link     { color: #fff; text-decoration: none; }
a.a-wh-noul:visited  { color: #fff; text-decoration: none;  }
a.a-wh-noul:hover    { color: #fff; text-decoration: none; }
a.a-wh-noul:active   { color: #fff; text-decoration: none; }

a.a-wh-noul-ovul:link     { color: #fff; text-decoration: none; }
a.a-wh-noul-ovul:visited  { color: #fff; text-decoration: none;  }
a.a-wh-noul-ovul:hover    { color: #fff; text-decoration: underline; }
a.a-wh-noul-ovul:active   { color: #fff; text-decoration: underline; }

a.a-bl-noul:link     { color: #000; text-decoration: none; }
a.a-bl-noul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul:hover    { color: #000; text-decoration: none; }
a.a-bl-noul:active   { color: #000; text-decoration: none; }

a.a-bl-noul-ovul:link     { color: #000; text-decoration: none; }
a.a-bl-noul-ovul:visited  { color: #000; text-decoration: none;  }
a.a-bl-noul-ovul:hover    { color: #000; text-decoration: underline; }
a.a-bl-noul-ovul:active   { color: #000; text-decoration: underline; }

a.a-gr-noul-ovul:link     { color: #666; text-decoration: none; }
a.a-gr-noul-ovul:visited  { color: #666; text-decoration: none;  }
a.a-gr-noul-ovul:hover    { color: #666; text-decoration: underline; }
a.a-gr-noul-ovul:active   { color: #666; text-decoration: underline; }

a.a-blue-noul-ovul:link     { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:visited  { color: #339; text-decoration: none; }
a.a-blue-noul-ovul:hover    { color: #339; text-decoration: underline; }
a.a-blue-noul-ovul:active   { color: #339; text-decoration: underline; }

a.a-blue-noul-ovul-b:link     { color: #339; text-decoration: none; font-weight:bold;}
a.a-blue-noul-ovul-b:visited  { color: #339; text-decoration: none; font-weight:bold; }
a.a-blue-noul-ovul-b:hover    { color: #339; text-decoration: underline; font-weight:bold;}
a.a-blue-noul-ovul-b:active   { color: #339; text-decoration: underline; font-weight:bold;}


/* margin */
.mar-5px { margin: 5px;}
.mar-10px{ margin: 10px; }
.mar-15px{ margin: 15px; }
.mar-20px{ margin: 20px; }
.mar-30px{ margin: 30px; }

.mar-top-5px { margin-top: 5px; }
.mar-top-10px{ margin-top: 10px; }
.mar-top-20px{ margin-top: 20px; }
.mar-top-30px{ margin-top: 30px; }

.mar-bot-5px { margin-bottom: 5px; }
.mar-bot-10px{ margin-bottom: 10px; }
.mar-bot-20px{ margin-bottom: 20px; }
.mar-bot-30px{ margin-bottom: 30px; }

.mar-left-5px { margin-left: 5px; }
.mar-left-10px{ margin-left: 10px; }
.mar-left-20px{ margin-left: 20px; }
.mar-left-30px{ margin-left: 30px; }

.mar-right-5px { margin-right: 5px; }
.mar-right-10px{ margin-right: 10px; }
.mar-right-20px{ margin-right: 20px; }
.mar-right-30px{ margin-right: 30px; }