@charset "UTF-8";
/* formatting style
---------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	font-family: sans-serif;
	font-size: 75%;
	line-height: 1.6;
	color: #555555;
	background-image: url(/images/common/headerline.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
}
hr {
	display: none;
}
/* link style
---------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #333333;
	text-decoration: underline;
}
a:visited {
	color: #555555;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/* basic layout
---------------------------*/
#container {
	background-image: url(/images/common/headerback.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 1087px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12px;
}
#wrapper {
	width: 948px;
	margin-right: auto;
	margin-left: auto;
}
#sidemenu {
	background-image: url(/images/common/menu_back.jpg);
	background-repeat: repeat-y;
	width: 200px;
	float: left;
}
#main {
	width: 723px;
	background-image: url(/images/common/main_side_shadow.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-top: 22px;
	float: left;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	padding-left: 25px;
}
#footer {
	clear: both;
	border-top: 1px solid #BBBBBB;
	font-size: 8px;
	color: #888888;
	text-align: center;
	line-height: 33px;
}
/* header style
---------------------------*/
#header {
	height: 161px;
	position: relative;
}
#header #j_logo {
	position: absolute;
	top: 0px;
	right: 0px;
}
#header #search {
	width: 256px;
	position: absolute;
	top: 50px;
	right: 0px;
}
#header #sm_button {
	position: absolute;
	top: 121px;
	right: 142px;
}
#header #mail_button {
	position: absolute;
	top: 121px;
	right: 31px;
}
/* sidemenu style
---------------------------*/
#sidemenu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
	text-indent: -9999px;
}
#sidemenu li a {
	text-decoration: none;
	display: block;
	width: 200px;
	height: 22px;
}
#sidemenu h2 a {
	height: 35px;
}
#sidemenu #mTop {
	background-image: url(/images/common/menu_01_top.jpg);
	background-repeat: no-repeat;
	height: 38px;
}
#sidemenu #mCotop {
	background-image: url(/images/common/menu_a01_cotop.jpg);
	height: 35px;
	background-repeat: no-repeat;
}
#sidemenu #mGreeting {
	background-image: url(/images/common/menu_a02_aisatu.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mIdea {
	background-image: url(/images/common/menu_a03_idea.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mOutline {
	background-image: url(/images/common/menu_a04_outline.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mHistory {
	background-image: url(/images/common/menu_a05_history.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mDeve {
	background-image: url(/images/common/menu_a06_deve.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mProduct {
	background-image: url(/images/common/menu_a07_item.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mMap {
	background-image: url(/images/common/menu_a08_map.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mVoice {
	background-image: url(/images/common/menu_a09_voice.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}
#sidemenu #mRectop {
	background-image: url(/images/common/menu_b01_rectop.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#sidemenu #mRecmesse {
	background-image: url(/images/common/menu_b02_messe.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRecmesse2 {
	background-image: url(/images/common/menu_b03_messe2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mEdu {
	background-image: url(/images/common/menu_b04_edu.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mExam {
	background-image: url(/images/common/menu_b05_exam.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mQa {
	background-image: url(/images/common/menu_b06_qa.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mCheck {
	background-image: url(/images/common/menu_b07_check.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mTalent {
	background-image: url(/images/common/menu_b08_talent.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mEvent {
	background-image: url(/images/common/menu_b09_event.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mProx {
	background-image: url(/images/common/menu_b10_pro_x.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mVoicevoice {
	background-image: url(/images/common/menu_b11_voive.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mDiary {
	background-image: url(/images/common/menu_b12_diary.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mTonari {
	background-image: url(/images/common/menu_b13_tonari.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mLegend {
	background-image: url(/images/common/menu_b14_legend.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRecmap {
	background-image: url(/images/common/menu_b15_map.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mBlog {
	background-image: url(/images/common/menu_b19_blog.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mToday {
	background-image: url(/images/common/menu_b20_today.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mIt {
	background-image: url(/images/common/menu_b21_it.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mWelfare {
	background-image: url(/images/common/menu_b16_welfare.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRecinfo {
	background-image: url(/images/common/menu_b17_recinfo.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mCareeinfo {
	background-image: url(/images/common/menu_b18_careerinfo.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}
#sidemenu #mTectop {
	background-image: url(/images/common/menu_c01_tectop.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#sidemenu #mC {
	background-image: url(/images/common/menu_c02_c.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mJava {
	background-image: url(/images/common/menu_c03_java.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRuby {
	background-image: url(/images/common/menu_c04_ruby.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mOss {
	background-image: url(/images/common/menu_c05_oss.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}


#sidemenu h2 a:hover {
	height: 35px;
}
#sidemenu #mTop a:hover {
	background-image: url(/images/common/menu_01_top_f2.jpg);
	background-repeat: no-repeat;
	height: 38px;
}
#sidemenu #mCotop a:hover {
	background-image: url(/images/common/menu_a01_cotop_f2.jpg);
	height: 35px;
	background-repeat: no-repeat;
}
#sidemenu #mGreeting a:hover {
	background-image: url(/images/common/menu_a02_aisatu_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mIdea a:hover {
	background-image: url(/images/common/menu_a03_idea_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mOutline a:hover {
	background-image: url(/images/common/menu_a04_outline_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mHistory a:hover {
	background-image: url(/images/common/menu_a05_history_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mDeve a:hover {
	background-image: url(/images/common/menu_a06_deve_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mProduct a:hover {
	background-image: url(/images/common/menu_a07_item_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu  #mMap a:hover {
	background-image: url(/images/common/menu_a08_map_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mVoice a:hover {
	background-image: url(/images/common/menu_a09_voice_f2.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}
#sidemenu #mRectop a:hover {
	background-image: url(/images/common/menu_b01_rectop_f2.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#sidemenu #mRecmesse a:hover {
	background-image: url(/images/common/menu_b02_messe_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRecmesse2 a:hover {
	background-image: url(/images/common/menu_b03_messe2_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mEdu a:hover {
	background-image: url(/images/common/menu_b04_edu_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mExam a:hover {
	background-image: url(/images/common/menu_b05_exam_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mQa a:hover {
	background-image: url(/images/common/menu_b06_qa_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mCheck a:hover {
	background-image: url(/images/common/menu_b07_check_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mTalent a:hover {
	background-image: url(/images/common/menu_b08_talent_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mEvent a:hover {
	background-image: url(/images/common/menu_b09_event_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mProx a:hover {
	background-image: url(/images/common/menu_b10_pro_x_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mVoicevoice a:hover {
	background-image: url(/images/common/menu_b11_voive_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mDiary a:hover {
	background-image: url(/images/common/menu_b12_diary_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mTonari a:hover {
	background-image: url(/images/common/menu_b13_tonari_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mLegend a:hover {
	background-image: url(/images/common/menu_b14_legend_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRecmap a:hover {
	background-image: url(/images/common/menu_b15_map_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mBlog a:hover {
	background-image: url(/images/common/menu_b19_blog_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mToday a:hover {
	background-image: url(/images/common/menu_b20_today_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mIt a:hover {
	background-image: url(/images/common/menu_b21_it_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mWelfare a:hover {
	background-image: url(/images/common/menu_b16_welfare_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRecinfo a:hover {
	background-image: url(/images/common/menu_b17_recinfo_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mCareeinfo a:hover {
	background-image: url(/images/common/menu_b18_careerinfo_f2.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}
#sidemenu #mTectop a:hover {
	background-image: url(/images/common/menu_c01_tectop_f2.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#sidemenu #mC a:hover {
	background-image: url(/images/common/menu_c02_c_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mJava a:hover {
	background-image: url(/images/common/menu_c03_java_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mRuby a:hover {
	background-image: url(/images/common/menu_c04_ruby_f2.jpg);
	background-repeat: no-repeat;
}
#sidemenu #mOss a:hover {
	background-image: url(/images/common/menu_c05_oss_f2.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}


#home #sidemenu #mTop a {
	background-image: url(/images/common/menu_01_top_f3.jpg);
	background-repeat: no-repeat;
	height: 38px;
}
#cotop #sidemenu #mCotop a {
	background-image: url(/images/common/menu_a01_cotop_f3.jpg);
	height: 35px;
	background-repeat: no-repeat;
}
#greeting #sidemenu #mGreeting a {
	background-image: url(/images/common/menu_a02_aisatu_f3.jpg);
	background-repeat: no-repeat;
}
#idea #sidemenu #mIdea a {
	background-image: url(/images/common/menu_a03_idea_f3.jpg);
	background-repeat: no-repeat;
}
#outline #sidemenu #mOutline a {
	background-image: url(/images/common/menu_a04_outline_f3.jpg);
	background-repeat: no-repeat;
}
#history #sidemenu #mHistory a {
	background-image: url(/images/common/menu_a05_history_f3.jpg);
	background-repeat: no-repeat;
}
#deve #sidemenu #mDeve a {
	background-image: url(/images/common/menu_a06_deve_f3.jpg);
	background-repeat: no-repeat;
}
#product #sidemenu #mProduct a {
	background-image: url(/images/common/menu_a07_item_f3.jpg);
	background-repeat: no-repeat;
}
#map #sidemenu #mMap a {
	background-image: url(/images/common/menu_a08_map_f3.jpg);
	background-repeat: no-repeat;
}
#voice #sidemenu #mVoice a {
	background-image: url(/images/common/menu_a09_voice_f3.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}
#rectop #sidemenu #mRectop a {
	background-image: url(/images/common/menu_b01_rectop_f3.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#recmesse #sidemenu #mRecmesse a {
	background-image: url(/images/common/menu_b02_messe_f3.jpg);
	background-repeat: no-repeat;
}
#recmesse2 #sidemenu #mRecmesse2 a {
	background-image: url(/images/common/menu_b03_messe2_f3.jpg);
	background-repeat: no-repeat;
}
#edu #sidemenu #mEdu a {
	background-image: url(/images/common/menu_b04_edu_f3.jpg);
	background-repeat: no-repeat;
}
#exam #sidemenu #mExam a {
	background-image: url(/images/common/menu_b05_exam_f3.jpg);
	background-repeat: no-repeat;
}
#qa #sidemenu #mQa a {
	background-image: url(/images/common/menu_b06_qa_f3.jpg);
	background-repeat: no-repeat;
}
#check #sidemenu #mCheck a {
	background-image: url(/images/common/menu_b07_check_f3.jpg);
	background-repeat: no-repeat;
}
#talent #sidemenu #mTalent a {
	background-image: url(/images/common/menu_b08_talent_f3.jpg);
	background-repeat: no-repeat;
}
#event #sidemenu #mEvent a {
	background-image: url(/images/common/menu_b09_event_f3.jpg);
	background-repeat: no-repeat;
}
#prox #sidemenu #mProx a {
	background-image: url(/images/common/menu_b10_pro_x_f3.jpg);
	background-repeat: no-repeat;
}
#voicevoice #sidemenu #mVoicevoice a {
	background-image: url(/images/common/menu_b11_voive_f3.jpg);
	background-repeat: no-repeat;
}
#diary #sidemenu #mDiary a {
	background-image: url(/images/common/menu_b12_diary_f3.jpg);
	background-repeat: no-repeat;
}
#tonari #sidemenu #mTonari a {
	background-image: url(/images/common/menu_b13_tonari_f3.jpg);
	background-repeat: no-repeat;
}
#legend #sidemenu #mLegend a {
	background-image: url(/images/common/menu_b14_legend_f3.jpg);
	background-repeat: no-repeat;
}
#recmap #sidemenu #mRecmap a {
	background-image: url(/images/common/menu_b15_map_f3.jpg);
	background-repeat: no-repeat;
}
#blog #sidemenu #mBlog a {
	background-image: url(/images/common/menu_b19_blog_f3.jpg);
	background-repeat: no-repeat;
}
#today #sidemenu #mToday a {
	background-image: url(/images/common/menu_b20_today_f3.jpg);
	background-repeat: no-repeat;
}
#it #sidemenu #mIt a {
	background-image: url(/images/common/menu_b21_it_f3.jpg);
	background-repeat: no-repeat;
}
#welfare #sidemenu #mWelfare a {
	background-image: url(/images/common/menu_b16_welfare_f3.jpg);
	background-repeat: no-repeat;
}
#recinfo #sidemenu #mRecinfo a {
	background-image: url(/images/common/menu_b17_recinfo_f3.jpg);
	background-repeat: no-repeat;
}
#careeinfo #sidemenu #mCareeinfo a {
	background-image: url(/images/common/menu_b18_careerinfo_f3.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}
#tectop #sidemenu #mTectop a {
	background-image: url(/images/common/menu_c01_tectop_f3.jpg);
	background-repeat: no-repeat;
	height: 35px;
}
#c #sidemenu #mC a {
	background-image: url(/images/common/menu_c02_c_f3.jpg);
	background-repeat: no-repeat;
}
#java #sidemenu #mJava a {
	background-image: url(/images/common/menu_c03_java_f3.jpg);
	background-repeat: no-repeat;
}
#ruby #sidemenu #mRuby a {
	background-image: url(/images/common/menu_c04_ruby_f3.jpg);
	background-repeat: no-repeat;
}
#oss #sidemenu #mOss a {
	background-image: url(/images/common/menu_c05_oss_f3.jpg);
	background-repeat: no-repeat;
	margin-bottom: 17px;
}



#sidemenu #pp {
	text-align: center;
	margin-top: 10px;
	background-image: url(/images/common/menu_footback.jpg);
	background-repeat: no-repeat;
	height: 75px;
}

#center {
	width: 540px;
	float: left;
}
#center2 {
	width: 496px;
	float: left;
	padding-left: 22px;
}
/* right menu style
---------------------------*/
#rightmenu {
	float: right;
	width: 135px;
}
#rightmenu ul li {
	list-style: none;
	text-indent: -9999px;
}
#rightmenu ul li a {
	display: block;
	height: 103px;
	width: 103px;
	border: 1px solid #DDDDDD;
	margin-top: 22px;
}
#rightmenu ul li a:hover {
	display: block;
	height: 103px;
	width: 103px;
	border: 1px solid #990000;
	margin-top: 22px;
}
#rightmenu #r_greeting {
	background-image: url(/images/common/r_greeting.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_idea {
	background-image: url(/images/common/r_idea.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_outline {
	background-image: url(/images/common/r_outline.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_history {
	background-image: url(/images/common/r_history.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_deve {
	background-image: url(/images/common/r_deve.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_product {
	background-image: url(/images/common/r_product.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_map {
	background-image: url(/images/common/r_map.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_voice {
	background-image: url(/images/common/r_voice.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_recmesse2 {
	background-image: url(/images/common/r_recmesse2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_talent {
	background-image: url(/images/common/r_talent.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_qa {
	background-image: url(/images/common/r_qa.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_check {
	background-image: url(/images/common/r_check.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_recinfo {
	background-image: url(/images/common/r_recinfo.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_diary {
	background-image: url(/images/common/r_diary.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_legend {
	background-image: url(/images/common/r_legend.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_recmap {
	background-image: url(/images/common/r_recmap.jpg);
	background-repeat: no-repeat;
}

#rightmenu #r_greeting a:hover {
	background-image: url(/images/common/r_greeting_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_idea a:hover {
	background-image: url(/images/common/r_idea_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_outline a:hover {
	background-image: url(/images/common/r_outline_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_history a:hover {
	background-image: url(/images/common/r_history_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_deve a:hover {
	background-image: url(/images/common/r_deve_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_product a:hover {
	background-image: url(/images/common/r_product_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_map a:hover {
	background-image: url(/images/common/r_map_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_voice a:hover {
	background-image: url(/images/common/r_voice_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_recmesse2 a:hover {
	background-image: url(/images/common/r_recmesse2_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_talent a:hover {
	background-image: url(/images/common/r_talent_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_qa a:hover {
	background-image: url(/images/common/r_qa_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_check a:hover {
	background-image: url(/images/common/r_check_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_recinfo a:hover {
	background-image: url(/images/common/r_recinfo_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_diary a:hover {
	background-image: url(/images/common/r_diary_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_legend a:hover {
	background-image: url(/images/common/r_legend_f2.jpg);
	background-repeat: no-repeat;
}
#rightmenu #r_recmap a:hover {
	background-image: url(/images/common/r_recmap_f2.jpg);
	background-repeat: no-repeat;
}

#gototop {
	font-size: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
	float: right;
	width: 30%;
	background-image: url(/images/common/gototop.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 14px;
}
#orz {
	background-image: url(/images/common/error_orz.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	text-align: center;
	margin-top: 40px;
	padding-top: 100px;
}