@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}
	
	
.p10in {
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	font-size:1.2em;
	line-height:1.4;
	}
	
.p10in b {
	color:#F00;
	}
	
.dot_line {
	background: url(../images/common/dot_line.gif) no-repeat;
	margin: 0;
	padding: 1px 0 0 0;
	width: 530px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:1px;/* for ie5.x */
	}

.input180 {
	margin:0;
	padding:0 0 0 5px;
	border:1px solid #000;
	font-size:1.1em;
	width:200px;
	height:20px;
	}

.input250 {
	margin:0;
	padding:0 0 0 5px;
	border:1px solid #000;
	font-size:1.1em;
	width:280px;
	height:20px;
	}
	
.textarea1 {
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	border:1px solid #000;
	font-size:1.1em;
	width:385px;
	height:200px;
	}
	
.input180s {
	margin:0;
	padding:0 0 0 5px;
	border:1px solid #888;
	font-size:1.1em;
	width:200px;
	height:20px;
	}

.input250s {
	margin:0;
	padding:0 0 0 5px;
	border:1px solid #888;
	font-size:1.1em;
	width:280px;
	height:20px;
	color:#000;
	}
	
.textarea1s {
	margin:0 0 10px 0;
	padding:0 0 0 5px;
	border:1px solid #888;
	font-size:1.1em;
	width:385px;
	height:200px;
	}

.to_top {
	margin:0 0 10px 0;
	}
	
.to_top a {
	float:right;
	margin:0;
	padding:0;
	}

/* layout
--------- --------- --------- --------- --------- */
#wrapper {
	margin:0 auto 3px auto;
	padding:0;
	width:784px;
	text-align: left;
	background: url(../images/common/main_back.jpg) repeat-y;
	}

#header {
	margin:0 0 5px 17px;
	padding:0;
	width:750px;
	height:75px;
	background:url(../images/common/header_back.jpg) no-repeat;
	background-position: bottom;
	position: relative;
	}

#contents {
	margin:0 0 10px 17px;
	padding:0;
	width:750px;
	background:url(../images/common/contents_back.jpg) no-repeat;
	position: relative;
	}

#main {
	margin:0;
	padding:0;
	float:left;
	width:530px;
	}
	
#side {
	margin:0;
	padding:0;
	float:right;
	width:210px;
	min-height:780px;
	height:auto !important;
	height:780px;
	}
	
#footer {
	margin:0 0 0 17px;
	padding:0;
	width:750px;
	}
	
	
.foot_copy {
	margin:0 0 0 17px;
	padding:2px 0 0 0;
	width:750px;
	font-size:1.0em;
	text-align: right;
	margin:0 auto;
	}
	
.pr_area {
	margin:0 0 0 17px;
	padding:0;
	width:750px;
	font-size:1.0em;
	margin:0 auto;
	color:#666;
	}
	
.pr_area a {
	color:#666;
	}
	
/* #header
--------- --------- --------- --------- --------- */
h1 {
	margin:0;
	padding:2px 0 0 0;
	font-size:1.0em;
	color:#333;
	}
	
.header_lead {
	position: absolute;
	top:33px;
	left:190px;
	font-size:1.1em;
	line-height:1.3;
	font-weight:bold;
	}

/* #g_navi
--------- --------- --------- --------- --------- */
#g_navi {
	margin:0 0 10px 17px;
	background-color: #C0C0C0;
	width:750px;
	}
	
.g_navi_list {
	margin:0;
	padding:5px 0 5px 5px;
	list-style-type: none;
	}
	
.g_navi_list li {
	margin:0 5px 0 0;
	width:89px;
	height:25px;
	float:left;
	}
	
.g_navi_list li a {
	margin: 0;
	padding: 25px 0 0 0;
	width: 89px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}
	
.g_navi_list li.g_navi1 a {
	background: url(../images/common/g_navi1.jpg) no-repeat;
	}
	
.g_navi_list li.g_navi2 a {
	background: url(../images/common/g_navi2.jpg) no-repeat;
	}
	
.g_navi_list li.g_navi3 a {
	background: url(../images/common/g_navi3.jpg) no-repeat;
	}
	
.g_navi_list li a:hover {
	background-position: 0 -25px;
	}
	
.g_navi_list li p {
	margin: 0;
	padding: 25px 0 0 0;
	width: 89px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:25px;/* for ie5.x */
	}
	
.g_navi_list li.g_navi1 p {
	background: url(../images/common/g_navi1.jpg) no-repeat;
	background-position: 0 -25px;
	}
	
.g_navi_list li.g_navi2 p {
	background: url(../images/common/g_navi2.jpg) no-repeat;
	background-position: 0 -25px;
	}
	
.g_navi_list li.g_navi3 p {
	background: url(../images/common/g_navi3.jpg) no-repeat;
	background-position: 0 -25px;
	}



/* #main
--------- --------- --------- --------- --------- */
.side_info {
	position: absolute;
	right:9px;
	bottom:10px;
	background-color: #F5F5F5;
	width:172px;
	margin:0;
	padding:10px;
	}

.c_name {
	margin:0 0 7px 0;
	padding:0;
	font-size:1.2em;
	font-weight: bold;
	}
	
.c_name_ex {
	margin:0;
	padding:0;
	font-size:1.0em;
	line-height:1.4;
	}

/* #side
--------- --------- --------- --------- --------- */
.wanted {
	margin:8px 0 15px 8px;
	width:193px;
	height:127px;
	}

.wanted a {
	background: url(../images/common/wanted2.jpg) no-repeat;
	margin: 0;
	padding: 127px 0 0 0;
	width: 193px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:221px;/* for ie5.x */
	}
	
.wanted a:hover {
	background-position: 0 -127px;
	}
	
.side_informations {
	margin:8px 0 15px 8px;
	padding:0 0 1px 0;
	width:194px;
	background-color: #FFF;
	}

.side_title1 {
	background: url(../images/common/side_title1.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	width: 194px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}

.side_banner1 {
	margin:0 0 2px 7px;
	width:180px;
	height:56px;
	}

.side_banner1 a {
	background: url(../images/common/banner_utiwa.jpg) no-repeat;
	margin: 0;
	padding: 56px 0 0 0;
	width: 180px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}
	
.side_banner2 {
	margin:0 0 2px 7px;
	width:180px;
	height:56px;
	}

.side_banner2 a {
	background: url(../images/common/banner_metaboo.jpg) no-repeat;
	margin: 0;
	padding: 56px 0 0 0;
	width: 180px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:56px;/* for ie5.x */
	}
	
.side_banner_ex {
	margin:0 7px 10px 7px;
	line-height:1.3;
	}
	
.side_title2 {
	background: url(../images/blogs/exercise_sidetitle.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	width: 194px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}

.side_blogbanner {
	margin:0 0 0 7px;
	padding:0;
	list-style-type: none;
	}
	
.side_blogbanner li {
	margin:0 0 10px 0;
	padding:0;
	width:180px;
	height:56px;
	position: relative;
	font-size: 1.0em;
	}
	
.side_blogbanner li a {
	margin:0;
	padding:0;
	width:180px;
	height:56px;
	display: block;
	}
	
.side_blogbanner .blogs_stitle1 a {
	background: url(../images/blogs/sidebanner_exer.jpg) no-repeat;
	
	}
	
.side_blogbanner .blogs_stitle2 a {
	background: url(../images/blogs/sidebanner_mtc.jpg) no-repeat;
	}
	
.side_blogbanner li a:hover {
	background-position: 0 -56px;
	color:#333;
	}

.side_blogbanner li p {
	margin:0;
	padding:0;
	width:180px;
	height:56px;
	display: block;
	}
	
.side_blogbanner .blogs_stitle1 p {
	background: url(../images/blogs/sidebanner_exer.jpg) no-repeat;
	background-position: 0 -56px;
	}
	
.side_blogbanner .blogs_stitle2 p {
	background: url(../images/blogs/sidebanner_mtc.jpg) no-repeat;
	background-position: 0 -56px;
	}

.blogs_stitle {
	position: absolute;
	top:25px;
	left:5px;
	font-size:1.0em;
	line-height:1.4;
	}
	
.blogs_date {
	position: absolute;
	bottom:2px;
	right:5px;
	}
	
.side_title3 {
	background: url(../images/common/side_title3.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	width: 194px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}

.side_banner3 {
	margin:0 0 2px 7px;
	width:180px;
	height:56px;
	}

.side_banner3 a {
	background: url(../images/common/banner_exe.jpg) no-repeat;
	margin: 0;
	padding: 56px 0 0 0;
	width: 180px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:56px;/* for ie5.x */
	}	
/* #footer
--------- --------- --------- --------- --------- */
.foot_info {
	margin:0;
	padding:3px 5px;
	background-color: #F90;
	font-size:1.1em;
	color:#FFF;
	text-align: right;
	}
	
	
	
	
	
	
	
	
/* #index
--------- --------- --------- --------- --------- */
#mainimage {
	margin: 0 0 15px 0;
	width:530px;
	height:230px;
	}

	
.index_title1 {
	background: url(../images/index/index_title1.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 23px 0 0 0;
	width: 530px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:23px;/* for ie5.x */
	}
	
.index_title2 {
	background: url(../images/index/index_title2.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 18px 0 0 0;
	width: 530px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:18px;/* for ie5.x */
	}
	
.index_title3 {
	background: url(../images/index/index_title3.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 38px 0 0 0;
	width: 530px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:38px;/* for ie5.x */
	}


.index_banner a {
	background: url(../images/index/banner_add.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 120px 0 0 0;
	width: 530px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:120px;/* for ie5.x */
	}

.index_banner a:hover {
	background-position: 0 -120px;	
	}
	
.index_area1 {
	background: url(../images/index/dot_line.jpg) no-repeat;
	background-position: bottom;
	margin:0 0 10px 0;
	padding:0 0 56px 0;
	}

.index_area1_left {
	float:left;
	width:261px;
	height:100px;
	font-size:1.2em;
	}
	
.index_stitle1 {
	background: url(../images/index/index_stitle1.jpg) no-repeat;
	margin: 0 0 7px 0;
	padding: 20px 0 0 0;
	width: 261px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:20px;/* for ie5.x */
	}
	
.index_area1_left a {
	background: url(../images/index/index_area1_back1.jpg) no-repeat;
	display: block;
	width:161px;
	height:97px;
	line-height:1.3;
	padding:0 0 0 100px;
	position: relative;
	}
	
.index_area1_left a:hover, .index_area1_right a:hover {
	background-position: 0 -97px;
	color:#333;
	}
	
.index_area1_left a .link {
	margin:0;
	padding:0 22px 0 0;
	background: url(../images/index/arrow.jpg) no-repeat;
	background-position: right center;
	position: absolute;
	bottom:0;
	left:100px;
	color:#F79910;
	width:75px;
	}

.index_area1_right a .link {
	margin:0;
	padding:0 22px 0 0;
	background: url(../images/index/arrow.jpg) no-repeat;
	background-position: right center;
	position: absolute;
	bottom:0;
	left:100px;
	color:#F79910;
	width:120px;
	}
	
.index_area1_left a:hover .link, .index_area1_right a:hover .link {
	background: url(../images/index/arrow_s.jpg) no-repeat;
	background-position: right center;
	color:#990300;
	}
	
.index_contact {
	background: url(../images/index/index_area1_back1.jpg) no-repeat;
	display: block;
	width:261px;
	height:97px;
	}

.index_area1_right {
	float:right;
	width:261px;
	height:100px;
	font-size:1.2em;
	}

.index_area1-2 {
	background: url(../images/index/dot_line.jpg) no-repeat;
	background-position: bottom;
	margin:0 0 10px 0;
	padding:0 0 25px 0;
	}

.index_area1-2_left {
	float:left;
	background: url(../images/index/index_area2.jpg) no-repeat;
	background-position: 0 -190px;
	margin:0;
	padding:0;
	display: block;
	width:260px;
	height:190px;
	position: relative;
	}

.index_area1-2_right {
	float:right;
	background: url(../images/index/index_area1.jpg) no-repeat;
	background-position: 0 -190px;
	margin:0;
	padding:0;
	display: block;
	width:260px;
	height:190px;
	position: relative;
	}

a:hover.index_area1-2_left, a:hover.index_area1-2_right {
	background-position: 0 0;
	color:#666;
	}

.index_stitle1 {
	background: url(../images/index/index_area1_title.jpg) no-repeat;
	position: absolute;
	top:20px;
	left:10px;
	margin: 0 0 7px 0;
	padding: 50px 0 0 0;
	width: 240px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:50px;/* for ie5.x */
	}

.index_stitle2 {
	background: url(../images/index/index_area2_title.jpg) no-repeat;
	position: absolute;
	top:20px;
	left:10px;
	margin: 0 0 7px 0;
	padding: 50px 0 0 0;
	width: 240px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:50px;/* for ie5.x */
	}

.index_stitle_ex {
	margin:0;
	padding:0;
	position: absolute;
	top:82px;
	left:110px;
	font-size:1.2em;
	width:150px;
	line-height:1.4;
	}
	
.index_area1-2_left .link {
	position: absolute;
	left:110px;
	bottom:5px;
	padding:0 22px 0 0;
	background: url(../images/index/icon5-3.gif) no-repeat;
	background-position: right center;
	color:#F6990E;
	
	}
	
.index_area1-2_right .link {
	position: absolute;
	left:110px;
	bottom:5px;
	padding:0 22px 0 0;
	background: url(../images/index/icon5-2.gif) no-repeat;
	background-position: right center;
	color:#A6D620;
	}
	
a:hover.index_area1-2_left .link, a:hover.index_area1-2_right .link {
	background: url(../images/index/icon5-1.gif) no-repeat;
	background-position: right center;
	color:#990300;
	}
	
.index_area2 {
	background: url(../images/index/dot_line.jpg) no-repeat;
	background-position: bottom;
	margin:0 0 10px 0;
	padding:0 0 15px 0;
	}

.index_area2_left {
	float:left;
	width:261px;
	height:166px;
	font-size:1.2em;
	}
	
.index_area2_left a {
	background: url(../images/index/index_area2_back1.jpg) no-repeat;
	display: block;
	width:245px;
	height:71px;
	line-height:1.3;
	padding:95px 6px 0 10px;
	position: relative;
	}
	
.index_area2_right {
	float:right;
	width:261px;
	height:166px;
	font-size:1.2em;
	}
	
.index_area2_right a {
	background: url(../images/index/index_area2_back2.jpg) no-repeat;
	display: block;
	width:245px;
	height:71px;
	line-height:1.3;
	padding:95px 6px 0 10px;
	position: relative;
	}

.index_area2_left a:hover, .index_area2_right a:hover {
	background-position: 0 -166px;
	color:#333;
	}
	
.index_area2_left a .link, .index_area2_right a .link {
	padding:0 22px 0 0;
	background: url(../images/index/arrow.jpg) no-repeat;
	background-position: right center;
	position: absolute;
	bottom:5px;
	left:10px;
	color:#F79910;
	}
	
.index_area2_left a:hover .link, .index_area2_right a:hover .link {
	background: url(../images/index/arrow_s2.jpg) no-repeat;
	background-position: right center;
	color:#990300;
	}
	
.index_contact {
	background: url(../images/index/index_area1_back1.jpg) no-repeat;
	display: block;
	width:261px;
	height:97px;
	}

.index_area3 {
	margin:0 0 15px 0;
	}
	
.members {
	margin:0;
	padding:0;
	list-style-type: none;
	}

.members li {
	height:62px;
	margin:0 6px 10px 0;
	float:left;
	}
	
.members li.m1 {
	width:127px
	}
	
.members li.m2 {
	width:350px
	}
	
.members li.m3 {
	width:130px
	}
	
.members li.m4,
.members li.m5 {
	width:118px
	}
	
.members li a {
	margin: 0 0 7px 0;
	padding: 62px 0 0 0;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:62px;/* for ie5.x */
	}

.members .m1 a {
	background: url(../images/index/index_members1.jpg) no-repeat;
	width:127px
	}
	
.members .m2 a {
	background: url(../images/index/index_members2.jpg) no-repeat;
	width:127px
	}
	
.members .m3 a {
	background: url(../images/index/index_members3.jpg) no-repeat;
	width:130px
	}
	
.members .m4 a {
	background: url(../images/index/index_members4.jpg) no-repeat;
	width:118px
	}
	
.members .m5 a {
	background: url(../images/index/index_members5.jpg) no-repeat;
	width:118px
	}

.members li a:hover {
	background-position: 0 -62px;	
	}