@charset "UTF-8";


/* -------------------------------------------------
	基本設定
--------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 140%;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-image: url(../img/common/img_footer_back.jpg);
	font-size: 1em;
}
a img { border:none;}
p { margin:0; padding:0;}

h1 { margin:0; padding: 0;}
h2 { margin:0; padding: 0;}
h3 { margin:0; padding: 0;}
h4 { margin:0; padding: 0;}

#main h2.default {
	color:#FFF;


	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	background-color: #FFCC00;
}

#main h2.intro {
	background: #FF3300;
	color:#FFF;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}

#main h2.how {
	color:#FFF;


	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	background-color: #339933;
}

#main h2.life {
	color:#FFF;


	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	box-shadow:inset -1px -1px 2px rgba(0,0,0, 0.6),inset 1px 1px 2px rgba(255,255,255,0.8);
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	background-color: #27A3D6;
}

#main h3.intro1 {
	background-image: url(../img/intro/title_intro.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.intro2 {
	background-image: url(../img/intro/title_feature.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.intro3 {
	background-image: url(../img/intro/title_facilities.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.how1 {
	background-image: url(../img/howto/title_how1.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.how2 {
	background-image: url(../img/howto/title_how2.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.how3 {
	background-image: url(../img/howto/title_how3.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.life1 {
	background-image: url(../img/life/title_life1.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.life2 {
	background-image: url(../img/life/title_life2.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.life3 {
	background-image: url(../img/life/title_life3.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h3.news {
	font-size: 16px;
	margin-bottom: 10px;
	padding-top: 0.6em;
	padding-right: 0.8em;
	padding-bottom: 0.4em;
	padding-left: 0.8em;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #FFCC00;
}

#main h3.default {
	background-image: url(../img/common/title_default.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:18px;
	text-align:left;
	line-height:34px;
	background-position: left top;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 45px;
	width: 660px;
	padding-top: 5px;
	margin-bottom: 5px;
}

#main h4.company {
	width: 630px;
	margin: 0px;
	font-weight: bold;
	color: #FCAE1D;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 10px;
}

#main .text {
	width: 680px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#main p {
	margin-bottom: 20px;
}

/* header
----------------------------------------------- */
#header_img {
	background-image: url(../img/common/img_header_back.gif);
	background-repeat: no-repeat;
	height:206px;
	width: 100%;
	background-position: center top;
}

#header {
	height:116px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#header_left {
	height:55px;
	width: 220px;
	float: left;
	margin-top: 30px;
	margin-bottom: 30px;
}

#header_right {
	height:116px;
	width: 571px;
	float: right;
	background-image: url(../img/common/header_contact.png);
	background-repeat: no-repeat;
	background-position: right 55px;
	text-align: right;

}

#header_top img {
	margin:9px 5px 7px 0;
}

/* -- header img -- */
#header h1 {
}

/* ====== グローバルメニュー ====== */

.menu_back {
	width: 100%;
	height: 40px;
	background-image: url(../img/common/menu_back.gif);
	background-repeat: repeat-x;
	padding-top: 20px;
	padding-bottom: 20px;
}

.menu {
	width: 900px;
	height: 40px;
	margin-right: auto;
	margin-left: auto;
}
.menu #link1 a{ background-image:url(../img/common/btn_01.gif); width: 146px;}
.menu #link2 a{ background-image:url(../img/common/btn_02.gif); width: 150px;}
.menu #link3 a{ background-image:url(../img/common/btn_03.gif); width: 150px;}
.menu #link4 a{ background-image:url(../img/common/btn_04.gif); width: 150px;}
.menu #link5 a{ background-image:url(../img/common/btn_05.gif); width: 150px;}
.menu #link6 a{ background-image:url(../img/common/btn_06.gif); width: 154px;}

.menu ul {
	margin: 0;
	padding: 0;
}
.menu li {
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
.menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 40px;
}
.menu li a:hover { background-position: 0 -40px;}

/* contents
----------------------------------------------- */

.top_img {
	width: 112px;
	padding: 4px;
	height: 112px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}


#container {
	overflow: hidden;
	background-image: url(../img/common/contents_area_middle.png);
	background-repeat: repeat-y;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.container_top_box1 {
	width: 884px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 23px;
	line-height: 130%;
	height: 170px;
	font-size: 12px;
}

.container_top_box1_l {
	width: 285px;
	margin-right: 7px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 170px;
	float: left;
}

.container_top_box2 {
	width: 864px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 170px;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0px;
	padding-left: 23px;
}

.container_top_box2_l {
	border:1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	border-radius: 4px;		/* CSS3草案 */


	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	float: left;
	height: 182px;
	width: 406px;
	font-size: 14px;
}

.container_top_box2_r {
	border:1px solid #CCCCCC;
	text-align: left;
	border-radius: 4px;		/* CSS3草案 */


	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	float: right;
	height: 190px;
	width: 406px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.container_upbt {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 20px;
}

#main p.intro_title {
	width: 630px;
	overflow: auto;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	color: #FF3300;
}

#main p.intro_text {
	width: 660px;
	overflow: auto;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#main p.how_title {
	width: 630px;
	overflow: auto;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	color: #339933;
}


#main p.how_text {
	width: 660px;
	overflow: auto;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #339933;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}


#main p.life_title {
	width: 630px;
	overflow: auto;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	color: #27A3D6;
}

#main p.life_text {
	width: 660px;
	overflow: auto;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #27A3D6;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#main p.default_title {
	width: 630px;
	overflow: auto;
	padding: 5px;
	margin: 0px;
	font-weight: bold;
	color: #FCAE1D;
}

#main p.default_text {
	width: 660px;
	overflow: auto;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #FFCC00;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}



/* -- pankuzu -- */
#navigation {
	color:#333333;
	font-size:12px;
	padding: 3px;
	width: 894px;
	margin-right: auto;
	margin-left: auto;
}
#navigation a { text-decoration:none; color: #333333;}
#navigation a:hover {
	text-decoration: underline;
	color: #AAC11B;
}
#navigation strong {
	font-weight:normal;
	color: #4555bb;
}
/* -- end pankuzu -- */

/* -- 2column -- */
#main {
	float: right;
	width:680px;
	margin-right: 20px;
}
#sidebar {
	float: left;
	width:170px;
	margin-left: 20px;
}

#sidebar ul { margin:0; padding:0;}
#sidebar ul li {
	list-style: none;
	font-size:0.92em;
	background-image: url(../img/intro/menu_back.png);
	background-repeat: no-repeat;
	background-position: center;
}
#sidebar ul li a {
	display: block;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 32px;
	color: #333333;
}
#sidebar ul li a:hover {
	color: #AAC11B;
	text-decoration: underline;
}




#sidebar_how {
	float: left;
	width:170px;
	margin-left: 20px;
}

#sidebar_how ul { margin:0; padding:0;}
#sidebar_how ul li {
	list-style: none;
	font-size:0.92em;
	background-image: url(../img/howto/menu_back.png);
	background-repeat: no-repeat;
	background-position: center;
}
#sidebar_how ul li a {
	display: block;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 32px;
	color: #333333;
}
#sidebar_how ul li a:hover {
	color: #339933;
	text-decoration: underline;
}


#sidebar_life {
	float: left;
	width:170px;
	margin-left: 20px;
}

#sidebar_life ul { margin:0; padding:0;}
#sidebar_life ul li {
	list-style: none;
	font-size:0.92em;
	background-image: url(../img/life/menu_back.png);
	background-repeat: no-repeat;
	background-position: center;
}
#sidebar_life ul li a {
	display: block;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 6px;
	padding-bottom: 10px;
	padding-left: 32px;
	color: #333333;
}
#sidebar_life ul li a:hover {
	color: #27A3D6;
	text-decoration: underline;
}



.side_box_top {
	border:1px solid #CCCCCC;
	text-align: left;
	border-radius: 4px;		/* CSS3草案 */



	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	width: 156px;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
}

.side_box {
	border:1px solid #CCCCCC;
	text-align: left;
	border-radius: 4px;		/* CSS3草案 */




	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	width: 156px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	font-size: 0.8em;
}

.side_box_news {
	border:1px solid #CCCCCC;
	margin-right: auto;
	margin-left: auto;
	width: 120px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0px;
	height: 170px;
	font-size: 1em;
}

.event_box {
	height:110px;
	width: 680px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.event_box2 {
	height:180px;
	width: 680px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.event_box img {
	height:116px;
	width: 150px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 2px;
}

.event_box2 img {
	height:150px;
	width: 200px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 2px;
}

.event_box_text04 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_04.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #FF53FF;
	font-weight: bold;
}

.event_box_text05 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_05.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #FB7D00;
	font-weight: bold;
}
.event_box_text06 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_06.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #C8A002;
	font-weight: bold;
}
.event_box_text07 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_07.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #9B9B00;
	font-weight: bold;
}
.event_box_text08 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_08.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #7DAC02;
	font-weight: bold;
}
.event_box_text09 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_09.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #439407;
	font-weight: bold;
}
.event_box_text10 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_10.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #0E9A62;
	font-weight: bold;
}
.event_box_text11 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_11.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #005CA2;
	font-weight: bold;
}
.event_box_text12 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_12.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #0E3F89;
	font-weight: bold;
}
.event_box_text01 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_01.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #000E8C;
	font-weight: bold;
}
.event_box_text02 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_02.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #032876;
	font-weight: bold;
}
.event_box_text03 {
	height:100px;
	width: 215px;
	background-image: url(../img/life/even_back_03.png);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 10px;
	font-size: 16px;
	color: #8500B7;
	font-weight: bold;
}

.event_box p {
	color: #333333;
	font-weight: normal;
	font-size: 14px;
}

.event_box_l {
	width: 220px;
	float: left;
	margin-right: 3px;
	text-align: center;
	margin-left: 3px;
	height: 158px;
}

.event_box_r {
	width: 220px;
	float: right;
}

.club_box {
	height:215px;
	width: 680px;
	margin-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

.club_box img {
	height:150px;
	width: 200px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin-bottom: 2px;
}

.club_box_l {
	width: 220px;
	float: left;
	margin-right: 3px;
	text-align: center;
	margin-left: 3px;
	height: 195px;
}

.club_box_r {
	width: 220px;
	float: right;
}

.club_box p {
	text-align: center;
}

.fs_10 {
	font-size: 10px;
}

.event_box_l {
	width: 218px;
	float: left;
	margin-right: 10px;
	text-align: center;
}

.event_box_r {
	width: 218px;
	float: right;
}


.outline dl { margin: 0;}
.outline dt {
	margin-top: 0;
	float: left;
	width: 180px;
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.outline dd {
	margin-left: 180px;
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.outline dt.end,
.outline dd.end {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 20px;
}

.padding_TRL14 {
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 14px;
	padding-top: 4px;
}

.news {
	margin: 0;
	height: 75px;
	font-size: 12px;
}
.news dl { margin: 0;}
.news dt {
	margin-top: 0;
	float: left;
	width: 80px;
	border-top: dotted 1px #ccc;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	color: #FF6633;
}
.news dd {
	margin-left: 0px;
	border-top: dotted 1px #ccc;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
.news dt.end,
.news dd.end {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 5px;
}


.news_contents {
	font-size: 16px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
.news_contents dl { margin: 0;}
.news_contents dt {
	margin-top: 0;
	float: left;
	width: 120px;
	border-top: dotted 1px #ccc;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
	color: #FF6633;
}
.news_contents dd {
	margin-left: 0px;
	border-top: dotted 1px #ccc;
	padding-top: 6px;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 0;
}
.news_contents dt.end,
.news_contents dd.end {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 5px;
}


.flow dl { margin: 0;}
.flow dt {
	margin-top: 0;
	float: left;
	width: 180px;
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-weight: bold;
	color: #339933;
}
.flow dd {
	margin-left: 180px;
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.flow dt.end,
.flow dd.end {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 20px;
}


.intro dl { margin: 0;}
.intro dt {
	margin-top: 0;
	float: left;
	width: 160px;
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
	font-weight: bold;
	color: #FF3300;
}
.intro dd {
	margin-left: 160px;
	border-top: dotted 1px #ccc;
	padding-top: 8px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.intro dt.end,
.intro dd.end {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 20px;
}

.padding_TRL14 {
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 14px;
	padding-top: 4px;
}


/* footer
----------------------------------------------- */
#footer {
	clear:both;
	overflow: hidden;
	font-size:0.9em;
	line-height: 1.4;
}

#footer_menu {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/common/menu_footer_back.png);
	background-repeat: no-repeat;
	height: 33px;
	text-align: center;
	padding-top: 17px;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #FFFFFF;
	font-size: 1em;
}

.footer_box {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	margin-bottom: 40px;
}

.footer_left {
	height:55px;
	width: 310px;
	float: left;
	background-image: url(../img/common/logo_footer.png);
	background-position: left center;
	padding-left: 230px;
	background-repeat: no-repeat;
	line-height: 120%;
	padding-top: 5px;
	font-size: 1em;
}

.footer_right {
	width: 300px;
	float: right;
	text-align: right;
	margin-top: 30px;
	font-size: 12px;

}

.footbox_a {
	float: left;
	background-image: url(../_img/common/logo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 20px 0 20px 140px;
}
.footbox_a p { margin:10px 0;}
.footbox_b { float: right; padding-top:30px;}
.footbox_b img { margin-left: 5px;}


/* ----- footer_menu ----- */
#footer_menu a { color: #FFFFFF;}
#footer_menu a:hover { text-decoration: underline; color: #FFFF00;}


/* ----- copyright ----- */
p#copyright {
	clear: both;
	text-align: center;
	color:#999;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	padding:20px 0 30px;
}


/* ---- pegetop ---- */
#page-top {
	text-align: right;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 35px;
}


/* -- clearfix -- */
.clearfix {
    zoom: 1;/* for IE 5.5-7 */
}
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0.1px;
    clear: both;
    font-size: 0.1;
    line-height: 0;
}
* html .clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}


div#changeArea{
	line-height: 1.5;
}
div#changeArea ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	margin-bottom: 10px;
}
div#changeArea ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
div#changeArea ul#fontSize li {
	background-color: #ccc;
	margin-right: 5px;
	float: left;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
div#changeArea ul#fontSize li:hover {
	background-color: #eee;
}
div#changeArea ul#fontSize li.active {
	background-color: #999;
}
div#changeArea ul#fontSize li.active:hover {
	background-color: #999;
}