﻿/*　=============================
　    Top Page
=============================　*/
body {
	font:small/125% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:medium;
	margin:0;
	padding:0;
	/* background: url(../img/background_body.jpg) repeat;   */
}

#wrapper {
	font-size:90%;
	width:840px;
	/* background: url(../img/background_left.jpg) repeat top; */
	border-top:1px solid #88FFF0;
	border-left:1px solid #88FFF0;
	border-right:1px solid #88FFF0;
	color:#666666;
	margin:0 auto;
	margin-top:10px;
    padding:0px 0px 0px 0px;  /* 上　右　下　左　 */
}


/* First column of the three columns  （ボーダー表示：border: 1px solid #DDD;）　*/
.column1 {
	width: auto;
	height:auto;
    border-top: none;
    line-height: 22px;
	float: left;
	margin:0 3px 0 5px;
	padding-top:23px;
	color:#555555;
	height:140px;
	background-color:#FFFFFF;
	background: url(../img/header_back.jpg) repeat-x;   		
}

/* Second column of the three columns */
.column2 {
    width: auto;
    float: left;
	padding-top:0px;
    line-height: 22px;
}

/* Third column of the three columns */
.column3 {
	width: auto;
    border-top: none;
    line-height: 22px;
	float: right;
}


#right {
	float:left;
	width:277px; 
	height:auto;
	padding-left:20px;
}

#left {
	width:539px;
	height:auto;
	float:left;
	margin:0 1px 0px 0px;
	color:#555555;
}

.img_container {
    width:auto;
	padding:10px 0px 10px 23px;
	/* border: 1px solid #DDD; */
}

.img_container_center {
    width:auto;
	margin-left: auto; margin-right: auto;
	margin-bottom: 25px;
	margin-top: 20px;
	text-align: center;
}

.txt_container_m {
	margin-top:0;
	margin-left:10px;
	margin-right:3px;
	padding:7px 10px 20px 20px
}

.txt_container_m hr {
	border-color: #8888bb;
	border-style: solid;
	margin:7px 0 7px 0;
	height: 0px;
}

.txt_container_m h4 {
	font:110% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#ff0000;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:8px 0 5px 0;
}

.txt_container_m h5 {
	font:100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0 0 5px 0;
}

.txt_container_s {
	margin-top:0;
	margin-left:20px;
	margin-right:3px;
	padding:7px 10px 10px 20px
}

.txt_container_l {
	margin-top:0;
	margin-left:10px;
	margin-right:3px;
	padding:7px 10px 20px 20px;
    line-height: 22px;
}

.infobox_container {
	background-color:#FBFBFB;
	margin:3px 3px 0 0;
}

p.infobox { 		/* スクロールボックス　*/
   height: 10em;
   overflow: auto;
   border: red 1px dashed;
   border:#CCCCCC solid 1px;
   line-height:130%;  
   padding-left:3px
}

p.infobox_big { 		/* スクロールボックス　*/
   height: 22em;
   overflow: auto;
   border: red 1px dashed;
   border:#CCCCCC solid 1px;
   line-height:130%;
   padding-left:3px
}
/*　=============================
　      Global Styles  
=============================　*/
p {
	font:small/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top:0
}

td {
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666666
}

form {
	margin:0;
	padding:0
}

img {
	border-style:none
}

.fright {
	float:right
}

.fleft {
	float:left
}

.clear {
	clear:both;
	margin:0;
	padding:0	
}

hr {
	border-color: #bbbbbb;
	border-style: solid;
	height: 0px;
	margin-left:3px;
	margin-right:3px;	
}

/*　=============================
　    header
=============================　*/
#panorama {
    width:auto;
	height:65px;
	text-align: center;
	margin:0;
	padding:0	
}

#header {
	width:auto;
	margin-left:0px;
	margin-right:0px;	
}

#header h1 {
	font-weight:400;
	font-size:x-small;
	line-height:100%;
	text-align:left;
	margin:0;
	padding:10px
}

/* h1 h2 */
#head_text {
	font-weight: normal; 
	font-size: x-small;
	color: #666666;
	line-height: 100%;
	margin-left:5px;
	text-align:left
}

#title_text {
	font-weight: normal; 
	font-size:100%;
	margin-top:0px;
	margin-bottom:0px;
}

/* First column of the three columns  （ボーダー表示：border: 1px solid #DDD;）　*/
.h_col1 {
	width: auto;
    border-top: none;
    line-height: 22px;
    color: #DD7CB4;
	float: left;
}

/* Second column of the three columns */
.h_col2 {
    width: auto;
    float: left;
	padding-top:0px;
    line-height: 22px;
    color: #DD7CB4;
}

/* Third column of the three columns */
.h_col3 {
	width: auto;
    border-top: none;
    line-height: 22px;
    color: #DD7CB4;
	float: right;
}

/*　=============================
    横Menu 
=============================　*/
#y_menu {
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: auto;
	height: 30px;
	display: block;
	/* text-transform: uppercase 大文字*/
	background: url(../img/background_y_menu_bar_a.gif) repeat-x;
	margin:0 3px 0 4px;
	padding:0
}

#y_menu ul {
	margin:0 3px 0 4px;
	padding:0 0 0;
}

#y_menu li {
	display: inline;
	list-style-type: none; 
}

#y_menu li a {
	display:block;
	float: left;
	height: 30px; /* width 指定しない */
	line-height:30px; 
	padding: 0px 25px 0 25px;
	border:none; 
	font-size: 13px;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../img/background_y_menu_bar_a.gif) repeat-x;
}

#y_menu li a:hover {
	color: #FFAAFF;
	text-decoration:none;
	/* background: url(../img/background_y_menu_bar.gif) repeat-x;	*/
}

/*　=============================
    左Menu 
=============================　*/
#left_menu { 
	font: 70% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 260px;
	padding: 0px;
	height: auto;
	display: block;
	text-transform: uppercase;
	margin-left: 0px;
}

#left_menu ul { 
	padding: 0;
	margin: 0;
}

#left_menu li { 
	list-style-type: none; 
	padding-left: 0px;
	background: url(../img/background_y_menu_bar_a.gif) repeat-x;
	margin-top: 2px;
}

#left_menu li a {
	display:block;
	height:2em;
	line-height:2em; 
	padding:0px 10px 0px 20px; 
	border:none; 
	font-size:13px;
	font-weight:normal; 
	text-decoration:none;
	color:#FFFFFF;
}

#left_menu li a:hover {
	text-decoration:none;
	color: #FFAAFF;
	/* background-color: #686f8b;
	/* background: url(../img/y_menu/img03.gif) repeat; */
}

/*　=============================
　    Menu Bar 
=============================　*/
.under_bar {
	width: auto;
	height: 2px;
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin: 0 3px 0 6px;
	padding:0 0 0;
	background:#5A26A2
}

.under_bar .post {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666; 
	padding: 0 0 0 20px;
	letter-spacing: -2px;
	font-size: 182%;
}


.navi_bar {
	width: auto;
	height: auto;
	font:15px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:bold;
	color:#ffffff;
	margin:1px 3px 0px 5px;
	padding:0 10px 3px 25px;
	background: url(../img/background_y_menu_bar_a.gif) repeat-x;
}

.navi_bar a {
	color: #ffffff;
	text-decoration: none;
}

.navi_bar a:link {
	color: #ffffff;
}

.navi_bar a:visited {
	color: #ffffff;
}

navi_bar a:active {
	color: #ffffff;
}

.navi_bar a:hover {
	color: #FF8888;
	text-decoration:none; /* underline; */
}

/*　=============================
　    Attenshion Bar 
=============================　*/
.attn_bar {
	width: auto;
	height: auto;
	background: url(../img/title_bar.jpg) no-repeat;
	margin-left:20px;
	margin-right:3px;
	padding:2px 10px 2px 20px;
	font-family: "Trebuchet MS", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0px;
	font-weight:bold;
}

.attn_bar .post {
	font-family: "Trebuchet MS", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #00AA55; 
	padding: 23px 0 0 12px;
	letter-spacing: 0px;
	font-size: 19px;
	font-weight:bold;
}

.attn_bar2 {
	width: auto;
	height: 40px;
	margin:0 3px 0px 10px;
	background: url(../img/back03.jpg) repeat-x;
	padding:0 0 0;
	/* border-left: 1px solid #DDD; */
}

.attn_bar2 .post {
	padding: 10px 0 0 20px;
	letter-spacing: 0px;
	font-size: 16px;
	font-weight:bold;
}

/*　=============================
　    Date Bar 
=============================　*/
#dateformat {
	width:805px;
	height:10px;
	background-color:#99CC66;
	background-image:url(../img/bk_line.jpg);
	background-repeat:repeat;
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#ffff00;
	letter-spacing:.2em;
	margin:0 auto;
	padding:10px 5px 0
}

#dateformat a {
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#993300;
	font-weight:700;
	letter-spacing:.1em;
	text-decoration:none
}

#dateformat a:hover {
	color:#F4FFE4;
	letter-spacing:.1em
}

/*　=============================
　    common
=============================　*/
.underbar {
	background-image:url(../img/bg_dot_bar.gif);
	background-repeat:repeat-x;
	background-position:50% bottom
}

ul.whatsnew {
	margin-top:0;
	background: #B9FFFF; /* original #EFEFFF */
	margin-left:10px;
	margin-right:3px;
	padding:7px 10px 3px;
}

ul.whatsnew li {
	margin-bottom:5px;
	list-style-type:none;
}

li.liheader {
	padding-left:5px;
	padding-bottom:2px;
	border-left:#bd3027 2px solid;
	padding-top:2px
}

ul.article {
	margin-top:0;
	background: #6BFFDC;
	margin-left:10px;
	margin-right:3px;
	padding:7px 10px 3px
}

ul.article li {
	margin-bottom:5px;
	list-style-type:none
}

ul.article2 {
	margin-top:0;
	background: #6BFFDC; /* ブルー系 #B9FFFF */
	margin-left:10px;
	margin-right:3px;
	padding:7px 10px 3px
}

ul.article2 li {
	margin-bottom:5px;
	list-style-type:none
}

ul.article2 li h4 {
	font:110% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#ff0000;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:8px 0 5px 0;
}

ul.article2 li h5 {
	font:105% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#0000AA;
	font-weight:normal;
	padding:0;
	margin:2px 0 2px 15px;
}

ul.text {
	margin-top:0;
	color:#555555;
	margin-left:10px;
	margin-right:3px;
	padding:7px 10px 3px 20px
}

ul.text li {
	margin-bottom:5px;
	list-style-type:none
}

ul.text li h4 {
	font:15px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#00AA55;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:8px 0 0 0;
}

ul.text li h5 {
	font:105% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#00AA55;
	font-weight:normal;
	padding:0;
	margin:2px 0 2px 0px;
}

ul.text li h6 {
	font:95% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#555555;
	font-weight:normal;
	padding:0;
	margin:10px 0 2px 0px;
}

/*　=============================
　    footer
=============================　*/

/*　フッタエリア全体（div）　*/
#footer_area {
	width:auto;
	background-color:#FEFEFF;
	margin-left:1px;
	margin-right:1px;	
	text-align: center;
}

/*　フッタナビゲーション（div）　*/
.footer_navi {
	padding: 0;
	margin: 0;
	font-size:13px;
	background: url(../img/background_y_menu_bar_a.gif) repeat-x;
}

.footer_navi ul {
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	list-style: none;
}

.footer_navi li {
	padding: 1px 3px 0px 5px;
	/* border-left: 1px solid #B6B6B6; */
	font-size: 100%;
	color: #ffffff;
	line-height: 1.3;
	display: inline;
}

.footer_navi a {
	text-decoration: none;
}

.footer_navi a:link {
	color: #766C62;
}

.footer_navi a:visited {
	color: #766C62;
}

.footer_navi a:active {
	color: #766C62;
}

.footer_navi a:hover {
	color: #383028;
	text-decoration: underline;
}

/*　W3C 　*/
.w3c {
	text-align: center;
	padding:0 0 8px 0
}

/*　Page Top：Copyright（p）　*/
.pagetop {
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: "Verdana";
	font-size:12px;
	text-align: center;
	background-color:#eeeeee;
	/* background: url(../img/background_underbar.jpg) repeat-x; */
}


.pagetop a {
	color: #555555;
	text-decoration: none;
}

.pagetop a:link {
	color: #555555;
}

.pagetop a:visited {
	color: #555555;
}

.pagetop a:active {
	color: #555555;
}

.pagetop a:hover {
	color: #FF0000;
	text-decoration:none; /* underline; */
}

/*　=============================
　    contents.css ビデオギャラリー
=============================　*/
/* This will contain the columns */
.video_container {
    width:auto;
	height:auto;
	text-align: center;
    /* padding:0px 0px 0px 10px; */
	margin:0 3px 0 10px;
	background-color:#777777;	
	background: url(../img/back03.jpg) repeat;
}

/* Video ギャラリー columns left （ボーダー表示：border: 1px solid #DDD;）　*/
.video_left {
	width: 250px;
	height:auto;
    border-top: none;
    color: #DD7CB4;
	float: left;
}

/* Video ギャラリー columns right ビデオ・コンテンツ */
.video_right {
	width: 330px;
	height:auto;
    border-top: none;
    line-height: 22px;
    color: #DD7CB4;
	float: right;
}

.noteheader {
    width:auto;
    border-bottom: 1px solid #DDD;
	margin-bottom:5px;
    border-top: none;
	padding-top: 10px;
    color: #DD7CB4;
    height: 24px;
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 12px;
    font-weight: bold;
	background:url(../img/y_menu/img09.gif) repeat-x;
}

/* And this gives the column text some breathing space */
.spacy {
    padding: 5px;
	font-size: 90%;
	color:#555555;
}

.spacy2 {
    padding: 0 10px 5px 10px;
	font-size: 90%;
	color:#3333AA;
	line-height:120%;
}
/*　=============================
　    layout
=============================　*/
.margin0 {
	margin:0
}

.marginu5 {
	margin-bottom:5px
}

.marginu7 {
	margin-bottom:7px
}

.marginu10 {
	margin-bottom:10px
}

.marginu15 {
	margin-bottom:15px
}

.marginu20 {
	margin-bottom:20px
}

.marginu25 {
	margin-bottom:25px
}

.marginu30 {
margin-bottom:30px
}

.marginu35 {
margin-bottom:35px
}

.marginu40 {
	margin-bottom:40px
}

.marginu45 {
	margin-bottom:45px
}

.marginu50 {
	margin-bottom:50px
}

.margint2 {
	margin-top:2px
}

.margint5 {
	margin-top:5px
}

.margint10 {
	margin-top:10px
}

.marginl-1 {
	margin-left:-1px
}

.marginl-10 {
	margin-left:-10px
}

.marginl5 {
	margin-left:5px
}

.marginl10 {
	margin-left:10px
}

.marginl15 {
	margin-left:15px
}

.marginl20 {
	margin-left:20px
}

.marginl30 {
	margin-left:30px
}

.marginl40 {
	margin-left:40px
}

.marginl50 {
margin-left:50px
}

.marginr5 {
	margin-right:5px
}

.marginr10 {
	margin-right:10px
}

.marginr15 {
	margin-right:15px
}

.marginr20 {
	margin-right:20px
}

.marginr30 {
	margin-right:30px
}

.marginr40 {
	margin-right:40px
}

.marginr50 {
	margin-right:50px
}

.alignleft {
	text-align:left
}

.alignright {
	text-align:right
}

.aligncenter {
	text-align:center
}



.padding0 {
	padding:0
}

.padding5 {
	padding:5px
}

.padding10 {
	padding:10px
}

.padding20 {
	padding:20px
}

.paddingl5 {
	padding-left:5px
}

.paddingl10 {
	padding-left:10px
}

.paddingl15 {
	padding-left:15px
}

.paddingl20 {
	padding-left:20px
}



/*　=============================
　    以下、本サイト用
=============================　*/


/* ID Styles */

#navigation td {
	border-bottom:1px solid #F4FFE4
}

#navigation a {
	font:bold 11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration:none;
	display:block;
	padding:8px 6px 10px 20px
}

#navigation a:hover {
	background:#99CC66;
	color:#993300
}

#logoname {
	font:24px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#5C743D;
	letter-spacing:.2em;
	line-height:30px
}

#tagline {
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#993300;
	letter-spacing:.4em;
	line-height:18px
}

#monthformat {
	border-bottom:1px dashed #5C743D
}

.bodytext {
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666666;
	line-height:20px;
	margin-top:0
}

.pagename {
	font:18px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:26px;
	letter-spacing:.21em
}

.subheader {
	font:bold 11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#993300;
	line-height:22px;
	letter-spacing:.2em
}

.quote {
	font:20px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#759DA1;
	line-height:30px
}

.smalltext {
	font:10px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666666;
	line-height:22px
}

.navtext {
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration:none
}

/* div,span,th,li,dt,dd {
	font:small/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
*/

#punx a,#foot-menu li a {
	color:#666666;
	text-decoration:none
}

