﻿/*　=============================
　    Top Page
=============================　*/
body {
	font:small/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin:0;
	padding:0;
	background:#77B07F;
	background: url(../img/back/back01.jpg) repeat;  
}

#wrapper {
	font:small/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	width:820px;
	background:#4296CE url(../img/background_left2.jpg);
	/* background: url(../img/background_warpper.jpg) repeat top;  */
	color:#397513;
	background-color:#E2EEE3; /* org B6D5BA */
	margin:0px auto;
    padding:0px 0px 0px 0px;  /* 上　右　下　左　 */
	/* border:#ddd 2px solid; */	
}

#right {
	float:left;
	width:622px;
	height:auto;
	margin:0 1px 0 0;
	color:#2E5E0F;
	background-color:#E2EEE3; /* org B6D5BA */
	background-image: url(../img/background_right.gif);
	background-repeat: repeat;
}

#left {
	width:195px; 
	height:auto;
	float:left;
	margin-left:1px;
	padding-top:0px;
	background:#4296CE url(../img/background_left2.jpg);
	background-repeat: repeat
}

.txt_container_b {
    width:auto;
	font-size: 16px;
	font-weight:bold;
	color: #2E5E0F;	
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	line-height:120%;
	padding:20px 0px 10px 10px;
}

.txt_container_m {
    width:auto;
	font-size: 14px;
	font-weight:normal;
	color: #2E5E0F;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	line-height:120%;
	padding:5px 5px 10px 10px;
}

.txt_container_m_left {
    width:auto;
	font-size: 14px;
	font-weight:normal;
	color: #2E5E0F;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	line-height:120%;
	padding:5px 5px 10px 10px;
	float: left;
}

.txt_container_s {
    width:auto;
	font-size: 12px;
	font-weight:normal;
	color: #2E5E0F;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	line-height:120%;
	padding:5px 5px 10px 10px;
}

.title_gif_container {
    width:auto;
	padding:20px 0px 0px 0px;
}


/* Books First column of the two columns */
.txt_box_l {
	padding:5px 50px 0 50px;
    line-height: 20px;
	float: left;	
}

/* Books Second column of the two columns */
.txt_box_r {
	padding:7px 0 10px 0;
    width: auto;
    float: left;
    line-height: 20px;
}


.contents_right {
	width: auto;
	float: right;
	padding-left:10px;
	color: #000000;
	text-align:center
}

.contents_left {
	width: auto;
	height:auto;	
	float: left;
}

.contents_title2 {
    width:auto;
	font-size: 16px;
	color: #2E5E0F;
	line-height:120%;
	padding:10px 0 10px 10px;
}

.container_abe_top {
    width: 530px;
	margin-left: auto; margin-right: auto;	
	padding:0px 30px 0px 35px;
	background-image: url(../img/background_abe_t.gif);
	background-repeat:no-repeat	
}

.container_abe {
    width: 530px;
	height:auto;
	margin-left: auto; margin-right: auto;	
	font-size: 14px;
	font-weight:normal;
	color: #2E5E0F;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	line-height:150%;
	padding:0px 30px 0px 35px;
	background-image: url(../img/background_abe_m.jpg);
	background-repeat: repeat;	
}

.container_abe ul {
	margin:0;
	padding:0;
}

.container_abe li {
	font-size: 14px;
	margin-left:40px;
}

.container_abe_date {
    width:auto;
	font-size: 12px;
	font-weight:normal;
	color: #2E5E0F;
	line-height:120%;
	padding:3px 0 7px 0px;
}

.container_abe_title {
    width:auto;
	font-size: 15px;
	font-weight:bold;
	color: #2E5E0F;
	line-height:120%;
	padding:0 0 3px 0px;
	border-bottom-style:groove
}

.container_abe_title2 {
    width:auto;
	margin-left: auto; margin-right: auto;
	text-align: center;
	font-size: 16px;
	color: #2E5E0F;
	line-height:120%;
	padding:15px 35px 20px 0px;
}

.container_abe_img {
    width:auto;
	height:auto;
	padding:15px 0 0 0;
}

.container_abe_img2 {
    width:auto;
	height:170px;
	padding:15px 0 0 0;
}

.container_abe_img_left {
	width: auto;
	height:auto;	
	float: left;
}

.container_abe_img_center {
	width: auto;
	margin-left:20px;	
	float: left;
}

.container_abe_img_right {
	width: auto;
	margin-right:10px;		
	float: right;
	text-align:right;
}

.container_abe_pagetop {
	width: 520px;
	margin-top:5px;
	text-align:right;
}

.container_abe_bottom {
    width: 530px;
	margin-left: auto; margin-right: auto;	
	padding:0px 30px 0px 35px;
	background-image: url(../img/background_abe_b.gif);
	background-repeat:no-repeat	
}

.title_container {
    width:auto;
	font-size: 16px;
	padding:10px 0px 0px 10px;
}

.img_container_center {
    width:auto;
	margin-left: auto; margin-right: auto;
	padding:3px 0 0 0;
	text-align: center;
}

.img_text_container{
	font-size: 12px;
	font-weight:normal;
	color: #2E5E0F;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	line-height:120%;
	padding:0px 0px 3px 5px;
}

.img_text_container_abe{
	font-size: 14px;
	font-weight:normal;
	color: #2E5E0F;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	line-height:120%;
	padding:5px 0px 5px 5px;
}

.img_text_container a {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-decoration: none;
	color: #397513;
}

.img_text_container a:hover {
	color: #FF4444;
	text-decoration:none;
}


/*　=============================
　      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	
}

.hr2 {
	border-color: #8888bb;
	border-style: solid;
	height: 0px;
	margin-left:8px
}

/*　=============================
　    header
=============================　*/
#panorama {
    width:808px;
	height:65px;
	text-align: center;
	margin:0;
	padding:0	
}


#header {
	font:small/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	width:740px;
	height:85px;
	/* background: url(../img/background_warpper.jpg) repeat top;  */
	color:#77B07F;
	background-color:#B6D5BA;
	margin:20px auto 0;
    padding:0px 0px 0px 0px;  /* 上　右　下　左　 */
	border-bottom: 2px solid #E6F0E7;
	border-top: 1px solid #E6F0E7;
}

/* First column of the 4 columns */
.h_col1 {
	width: auto;
	float: left;
}

/* Second column of the 4 columns */
.h_col2 {
    width: auto;
    float: left;
}

/* Third column of the 4 columns */
.h_col3 {
	width: auto;
    float: left;
}

/* Fourth column of the 4 columns */
.h_col4 {
	width: 120px;
	height:auto;
	float: right;
	padding:20px 5px 0px 0px; 
	text-align:right
}

#header_logo {
	width:auto;
	margin:0 auto;
	text-align: center;
    padding:5px 0px 0px 0px;  /* 上　右　下　左　 */
}

#header h1 {
	font-weight:400;
	font-size:x-small;
	color:#ffffff;
	line-height:100%;
	text-align:left;
	margin:0;
	padding:10px
}

.header_text_style1 {
	font-size: 16px;
	font-weight: bold;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 25px 0 0 15px;
	margin: 0;
	text-decoration: none;
	color: #397513;
	width: auto;
	letter-spacing: 0px;
	line-height:100%;
	border:none
}

.header_text_style2 {
	font-size: 38px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #397513;
	text-decoration: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
	font-weight: normal;
	letter-spacing: 2px;
	line-height:110%;
	border:none
}

/*　=============================
    横Menu 
=============================　*/
#y_menu {
	font:11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: auto;
	height: 40px;
	display: block;
	/* text-transform: uppercase 大文字*/
	margin: 0;
	background: url(../img/background_y_menu_bar.gif) repeat-x;
	padding:0
}

#y_menu ul {
	height: 40px;
	background: url(../img/background_y_menu_bar_a.gif) no-repeat right top;
	margin:0 3px 0 3px;
	padding:0 0 0;
}

#y_menu li {
	display: inline;
	list-style-type: none; 
}

#y_menu li a {
	display:block;
	float: left;
	height: 3em;
	line-height:3em; 
	padding: 2px 13px 0 13px;
	border:none; 
	font-size: 13px;
	text-decoration: none;
	color: #FFFFFF;
	background: url(../img/background_y_menu_bar_a.gif) no-repeat;
}

#y_menu li a:hover {
	color: #397513;
	text-decoration:none;
	/* background: url(../img/background_y_menu_bar_a.gif) repeat; */
}

/*　=============================
    左Menu 
=============================　*/
#left_menu { 
	font: 70% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 195px;
	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; 
	border-bottom: 1px dotted #fff;
	padding-left: 0px;
	background-color: #46516e;
	margin-top: 2px;
}

#left_menu li a {
	display:block;
	height:3em;
	line-height:3em; 
	padding:0px 10px 0px 20px; 
	border:none; 
	font-size:13px;
	font-weight:normal; 
	text-decoration:none;
	color:#FFFFFF;
	background: url(../img/background_y_menu_bar_a.gif) repeat;
}

#left_menu li a:hover {
	text-decoration:none;
	color: #000;
	background-color: #686f8b;
	background: url(../img/background_y_menu_bar.gif) repeat;
}


/*　=============================
    左Menu abe's diary
=============================　*/
#left_menu_abe { 
	font: 70% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 195px;
	padding: 0px;
	height: auto;
	display: block;
	text-transform: uppercase;
	margin-left: 0px;
}

#left_menu_abe ul { 
	padding: 0;
	margin: 0;
}

#left_menu_abe li { 
	list-style-type: none; 
	padding-left: 0px;
	background-color: #46516e;
	margin-top: 2px;
}

#left_menu_abe li a {
	display:block;
	height:3em;
	line-height:100%; 
	padding:3px 0px 0px 5px;
	border:none; 
	font-size:12px;
	font-weight:normal; 
	text-decoration:none;
	color:#FFFFFF;
	background: url(../img/background_y_menu_bar_a.gif) repeat;
}

#left_menu_abe li a:hover {
	text-decoration:none;
	color: #000;
	background-color: #686f8b;
	background: url(../img/background_y_menu_bar.gif) repeat;
}


/*　=============================
　    Menu Under Bar 
=============================　*/
.under_bar {
	width: auto;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFFFFF;
	font-size: 16px;
	padding:0 0 0;
	margin: 1px 0px 1px 1px;
	background:#46516e  url(../img/background_underbar.jpg) repeat-x;
}

.under_bar .post {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666; 
	padding: 0 0 0 20px;
	letter-spacing: -2px;
	font-size: 182%;
}

/*　=============================
　    Attenshion Bar 
=============================　*/
.attn_bar {
	width: auto;
	height: 50px;
	margin-left: 3px;
	background: #FFFFFF url(../img/y_menu/img05.gif) repeat-x;
	padding:0 0 0;
	border-left: 1px solid #DDD;
}

.attn_bar .post {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #522093; 
	padding: 10px 0 0 20px;
	letter-spacing: -2px;
	font-size: 162%;
	border-left: 1px solid #DDD;
}

/*　=============================
　    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: #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
}

/*　=============================
　    footer
=============================　*/

/*　フッタエリア全体（div）　*/
#footer_area {
	width:auto;
	margin-left:2px;
	margin-right:1px;	
	background-color:#B6D5BA;
}

/*　フッタナビゲーション（div）　*/
.footer_navi {
	padding: 0;
	margin: 0;
	font-size:12px;
	text-align:right;
	color:#FFFFFF;
	background:#46516e  url(../img/background_underbar.jpg) repeat-x;
}

.footer_navi ul {
	padding-top: 10px;
	padding: 1px 0 1px 0px;
	margin: 0 0 0 0;
	list-style: none;
}

.footer_navi li {
	padding: 1px 0px 1px 0px;
	/* border-left: 1px solid #B6B6B6; */
	font-size: 100%;
	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;
}


/*　Page Top：Copyright（p）　*/
.pagetop {
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: "Verdana";
	font-size: 12px;
	text-align: center;
}	

.pagetop a {
	color: #397513;
	text-decoration: none;
}

.pagetop a:link {
	color: #397513;
}

.pagetop a:visited {
	color: #397513;
}

.pagetop a:active {
	color: #397513;
}

.pagetop a:hover {
	color: #FF4444;
	text-decoration:none; /* underline; */
}

/*　=============================
　    contents.css ビデオギャラリー
=============================　*/
/* This will contain the columns */
.video_container {
    width:auto;
	height:260px;
    padding:0px 0px 0px 60px;
}

/* Video ギャラリー columns left （ボーダー表示：border: 1px solid #DDD;）　*/
.video_left {
	width: 330px;
    border-top: none;
	float: left;
}

/* Video ギャラリー columns right ビデオ・コンテンツ */
.video_right {
	width: 200px;
    border: none;
    line-height: 22px;
	float: right;
	text-align:right;
	padding-top: 40px;
}

.noteheader {
    width:auto;
    border-bottom: 1px solid #DDD;
    border-top: none;
	padding-top: 8px;
    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:small/150% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#666666
}
/*　=============================
　    layout
=============================　*/
.margin0 {
	margin:0
}

.marginu5 {
	margin-bottom:5px
}

.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
}

.marginl5 {
	margin-left:5px
}

.marginl10 {
	margin-left:10px
}

.marginl12 {
	margin-left:12px
}

.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
}

/*　=============================
　    以下、本サイト用
=============================　*/


/* 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";
	color:#99CC66;
	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
}

