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

/*
########################################################
  common style
########################################################
*/

*{
	margin:0;
	padding:0;
	color:#535353;
	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka;
	text-align:left;
}

.clearfix:after {   
	content: "";
	display: block;
	clear: both;
}

.clearfix{
	zoom: 100%;
}

body {
	font-size: 0.88em; /* modern browser */
	background:url(../img/common_bg.gif) repeat-x left top;
	background-color: #f6f6f6;
}

img{
	border:0;
}


li{
	list-style-type:none;
}

input{
	padding:1px;
}

h1{
	margin:0;
	padding:0;
}

h2{
	margin:0;
}

/* wrapper */
#wrapper {
	width:800px;
	margin:0 auto;
	padding:0 0 30px 0;
	background-color:#FFF;
}
#header {
	width:800px;
	height:134px;
	margin:0;
	padding:0;
}
#header .title {
	width:302px;
	height:80px;
	float:left;
}
#header .link {
	width:300px;
	height:27px;
	margin:0 0 20px 197px;
	padding:0;
	float:right;
}
#header .rss {
	width:62px;
	height:24px;
	float:right;
}
#header .navi {
	height:54px;
}

#header ul{
	position:absolute;
	margin:0 !important;
	padding:0 !important;
}

#header ul li{
	float:left;
}

#header ul li a{
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}

#header ul li.Navi01 a{
	background:url(../img/h_navi01.gif) 0px 0px no-repeat;
	height:54px;
	width:134px;
}
#header ul li.Navi02 a{
	background:url(../img/h_navi02.gif) 0px 0px no-repeat;
	height:54px;
	width:133px;
}
#header ul li.Navi03 a{
	background:url(../img/h_navi03.gif) 0px 0px no-repeat;
	height:54px;
	width:133px;
}
#header ul li.Navi04 a{
	background:url(../img/h_navi04.gif) 0px 0px no-repeat;
	height:54px;
	width:133px;
}
#header ul li.Navi05 a{
	background:url(../img/h_navi05.gif) 0px 0px no-repeat;
	height:54px;
	width:133px;
}
#header ul li.Navi06 a{
	background:url(../img/h_navi06.gif) 0px 0px no-repeat;
	height:54px;
	width:134px;
}
#header ul li a:hover{
	background-position:0 -54px;

}

#pic {
	width:800px;
	height:304px;
}
#container {
	width:772px;
	margin:0;
	padding:20px 14px 0 14px;
}
#container .left_area {
	width:576px;
	margin:0;
	padding:0 12px 0 0;
	float:left;
}
#container .photo {
	margin:0 10px 10px 0;
	float:left;
}
#container .submenu {
	width:576px;
	height:20px;
	padding:8px 0;
	margin:0 0 10px 0;
	background-color:#e2e5c7;
	font-size:85%;
}
#container table td.career {
	padding:5px;
	border-bottom:#CCC 1px dotted;
	line-height:140%;
}
.balance {
	width:550px;
	border-collapse: collapse;
}
.balance th,.balance td {
	border:#999 solid 1px;
	padding:5px;
}
#container h2.subtitle  {
	margin:0;
	color:#00a547;
	margin-bottom:20px;
}
#container .text {
	width:550px;
	line-height:170%;
}
#container .right_area {
	width:184px;
	margin:0;
	padding:0;
	float:left;
}
#container ul li.green {
	background:url(../img/list_green.gif) no-repeat left top;
	font-size:80%;
	margin:6px 0 0 0;
}
#container ul li.green a {
	margin:0;
	padding:0 0 0 15px;
}
#container ul li.sublist {
	background:url(../img/list_submenu.gif) no-repeat left top;
	float:left;
	margin:4px 0 0 10px;
}
#container ul li.sublist a {
	margin:0;
	padding:0 0 0 15px;
}
#container ul li.event {
	background:url(../img/list_event.gif) no-repeat left top;
	margin:0;
	padding:0;
}
#container ul li.event a {
	margin:0;
	padding:0 0 0 30px;
}
#footer {
	background:url(../img/footer_bg.gif) repeat-x left top;
}
#footer .f_container {
	background:url(../img/footer_bg.gif) repeat-x left top;
	width:800px;
	margin:0 auto;
	padding-top:7px;
	height:60px;
	text-align:center;
	font-size:85%;
	background-color:#FFF;
}

/* top */
.video_area {
	width:568px;
	margin:0;
	padding:3px 3px 18px 3px;
	border:#00a547 solid 1px;
}
.top_youtube {
	width:296px;
	margin:0;
	padding:0 12px;
	float:left;
}
.video_comment {
	width:224px;
	padding:0 12px 0 0;
	font-size:85%;
	line-height:140%;
	margin:0;
	float:right;
}
.video_btn {
	margin-top:10px;
	float:right;
}

#info_area {
	width:568px;
	margin:0;
	padding:3px 3px 18px 3px;
	border:#dfdfdf solid 1px;
}
#info_area .text {
	width:550px;
	padding:0 9px;
	font-size:85%;
	line-height:140%;
}
#info_area .day {
	width:60px;
	float:left;
	padding:0 0 5px 0;
	margin:0;
}
#info_area .title {
	width:490px;
	margin:0 0 5px 0;
	float:left;
	font-weight:bold;
}
#info_area .cts {
	width:490px;
	padding:5px 0 5px 60px;
	float:left;
	line-height:140%;
}
#info_area .photo {
	margin:5px 10px 10px 0;
	float:left;
}
#info_area .more {
	width:550px;
	padding:5px 0;
	float:left;
	text-align:right;
}

#info_area .line {
	width:527px;
	height:1px;
	background:url(../img/info_line.gif) repeat-x left center;
	padding:5px 0 10px 0;
	margin:0 auto;
}

/*イベント*/
.event_title {
	width:540px;
	margin:10px 0;
	padding:5px;
	background:#ecefd5;
	border-bottom:#bcd400 2px solid;
}
.event_title .title {
	width:390px;
	font-weight:bold;
	float:left;
}
.event_title .day{
	float:right;
}

/*ダイアリー*/
#diary_navi {
	width:540px;
	font-size:85%;
}
#diary_navi .before {
	float:left;
}
#diary_navi .after {
	float:right;
}
#diary_title {
	width:540px;
	margin:10px 0;
	padding:5px;
	background:#cae4d5;
	border-bottom:#00a547 2px solid;
}
#diary_title .title {
	width:430px;
	font-weight:bold;
	float:left;
}
#diary_title .day{
	float:right;
}
.honbun {
	width:550px;
	margin-bottom:20px;
}
/*
########################################################
  margin - padding
########################################################
*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

/*
########################################################
  .align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

/*
########################################################
  .float
########################################################
*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}

/*
########################################################
  .link
########################################################
*/

a:link{
	color:#01498e;
	text-decoration:none;
}

a:visited{
	color:#0062bf;
	text-decoration:none;
}

a:hover,
a:active{
	color:#2279CA;
	text-decoration:underline;
}


/*
########################################################
  .txt
########################################################
*/

.fontSS{
	font-size:75%;
	line-height:110%;
}

.fontS{
	font-size:85%;
	line-height:120%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:120%;
}
.text_pink {
	color:#ea3f7c;
	font-weight:bold;
	margin-bottom:5px;
}