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

/*****************************************************
*              スタイルの初期化                      *
*****************************************************/
/* リンク色 */
a			{ color: #333333; text-decoration: none; }
a:visited	{ color: #333333; }							/* hoverより手前に記述する */
a:hover		{ text-decoration: underline; }
a:focus		{ text-decoration: underline; }

ul, li, dl, dt, dd {
    font-size: 100%;
    font-style:normal;
    font-weight:normal;
    text-decoration:none;
	line-height:160%;          /* 最も見やすい行間として定義 */
	/*
	list-style-type:none;
    margin: 0;
    padding: 0;
	*/
}

div, p, em, h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-style:normal;
    font-weight:normal;
	line-height:160%;          /* 最も見やすい行間として定義 */
    text-decoration:none;
    margin: 0;
    padding: 0;
	
	text-align:left;
}

table, tr, th, td {
    font-size: 100%; 
    font-style:normal;
    font-weight:normal;
 	line-height:160%;          /* 最も見やすい行間として定義 */
	text-decoration:none;
    margin: 0;
    padding: 0;
}

img {
	border-width:0px;
}

/*****************************************************
*   crearfix                                         *
*****************************************************/

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

.clearfix { display: inline-block; }

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*****************************************************
*                       全体                         *
*****************************************************/

html {
	/* ブラウザーの縦スクロールバー表示（body内が短い時も) */
	overflow-y:scroll;
}




body {
	background-color: #EEEEEE;
    font-size: 9pt;            /* 標準文字サイズは9ptとする*/
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック';
    line-height:160%;          /* 最も見やすい行間として定義 */
    color: #555555;
    margin: 0;
    padding: 0;
    _text-align: center;           /* center合わせ */
}
#container {
	clear:both;
	position: relative;
	background-color:#FFFFFF;
	width: 860px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	margin: 0 auto;
}	


#header {
	clear:both;
	position:relative;
	width: 860px;
	height: 82px;
	margin:0px 0px 0px 0px;
	padding: 0px 0 0 0;
	background: url(/common/images/top_header.jpg) no-repeat 0 0;
}
#header .rogobox {
	float: left;
	width: 460px;
	height: 63px;
	margin: 4px 0 0 0px;
	padding: 3px 0 0 27px;
}
#header .opebox {
	float: right;
	width: 340px;
	height: 76px;
} 




#main {
	clear:both;
	position: relative;
	width: 860px;
	margin:0px 0px 0px 0px;
	padding: 0 0 0 0;
}

#footer {
    clear: both;
    position: relative;
    width: 858px;
    height: 145px;
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 0;
    background: url(/common/images/bg_footer.jpg) repeat-x 0 0;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 4px solid #37ACE9;
}


#header ul,
#sub ul,
#footer ul {
	list-style-type:none;
    margin: 0;
    padding: 0;
}


@media screen {
	#print_header {
		display:none;
	}
}

@media print {
	body {
		background-image:none;
		background-color:#FFFFFF;
	}
	
	#container {
		background-image:none;
		background-color:#FFFFFF;
	}

	#main {
		float:left;
		left:20px;
		background-image:none;
	}
	
	#header,
	#sub,
	#footer,
	#g_navi {
		display:none;
	}
	
}

/*****************************************************
*                 header詳細                         *
*****************************************************/
#header .opebox .sellangu {
	position: absolute;
	width: 166px;
	height: 16px;
	top: 4px;
	left: 680px;
}
#header .opebox .sellangu .langubtn {
	float: left;
	width: 55px;
}
#header .opebox .funcmenu {
	position: absolute;
	width: 240px;
	height: 18px;
	top: 26px;
	left: 630px;
}
#header .opebox .funcmenu ul {
	float: left;
	width: 240px;
	height: 10px;
	color: #333333;
}
#header .opebox .funcmenu .fmenu {
	display: inline;
	padding: 0 0 0 14px;
	margin: 0 0 0 3px;
	background: url(/common/images/arrow_r.gif) no-repeat 0 2px;
}
#header .opebox .funcmenu .fmenu a:hover {
	color: #333333;
	text-decoration: underline;
}
#header .opebox .func_box {
	position: absolute;
	width: 320px;
	top: 42px;
	left: 550px;
}
#header .opebox .func_box .moji {
	position: absolute;
	width: 64px;
	top: -12px;
	left: 4px;
	font-size: 8pt;
	font-weight: bold;
}
#header .opebox .func_box span {
	display: none;
}
#header .opebox .func_box .charsz {
	float: left;
	width: 76px;
	height: 24px;
	margin: 3px 0 0 0;
}
#header .opebox .func_box .charsz #btn01 {
	display: inline;
	float: left;
	width: 22px;
	height: 24px;
	font-weight: bold;
	list-style-type: none;
}
#header .opebox .func_box .charsz #btn01 a {
	display: block;
	height: 100%;
	background: url(/common/images/font-s.gif) no-repeat 2px 4px;
}
#header .opebox .func_box .charsz #btn01 a:hover {
	background: url(/common/images/font-s-ov.gif) no-repeat 2px 4px;
	text-decoration: none;
}
#header .opebox .func_box .charsz #btn02 {
	display: inline;
	float: left;
	width: 22px;
	height: 24px;
	list-style-type: none;
}
#header .opebox .func_box .charsz #btn02 a {
	display: block;
	height: 100%;
	background: url(/common/images/font-m.gif) no-repeat 0 2px;
}
#header .opebox .func_box .charsz #btn02 a:hover {
	background: url(/common/images/font-m-ov.gif) no-repeat 0 2px;
	text-decoration: none;
}
#header .opebox .func_box .charsz #btn03 {
	display: inline;
	float: left;
	width: 22px;
	height: 24px;
	list-style-type: none;
}
#header .opebox .func_box .charsz #btn03 a {
	display: block;
	height: 100%;
	background: url(/common/images/font-b.gif) no-repeat 0 1px;
}
#header .opebox .func_box .charsz #btn03 a:hover {
	background: url(/common/images/font-b-ov.gif) no-repeat 0 1px;
	text-decoration: none;
}
#header .opebox .func_box .req {
	float: left;
	margin: 2px 0 0 0;
}

/*en_btn*/

#header .opebox .func_box .charsz #btn_en01 {
    display: inline;
    float: left;
    width: 24px;
    height: 24px;
    font-weight: bold;
    list-style-type: none;
}
#header .opebox .func_box .charsz #btn_en01 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/font-s-e.jpg) no-repeat 0 0;
}
#header .opebox .func_box .charsz #btn_en01 a:hover {
    background: url(/en/common/images/font-s-e-ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#header .opebox .func_box .charsz #btn_en02 {
    display: inline;
	float: left;
    width: 22px;
    height: 24px;
    list-style-type: none;
}
#header .opebox .func_box .charsz #btn_en02 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/font-m-e.jpg) no-repeat 0 0;
}
#header .opebox .func_box .charsz #btn_en02 a:hover {
    background: url(/en/common/images/font-m-e-ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#header .opebox .func_box .charsz #btn_en03 {
    display: inline;
	float: left;
    width: 22px;
    height: 24px;
    list-style-type: none;
}
#header .opebox .func_box .charsz #btn_en03 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/font-l-e.jpg) no-repeat 0 0;
}
#header .opebox .func_box .charsz #btn_en03 a:hover {
    background: url(/en/common/images/font-l-e-ov.jpg) no-repeat 0 0;
    text-decoration: none;
}

/*****************************************************
*           header navi                              *
*****************************************************/
/*** g_navi ***/
#g_navi {
	clear:both;
	position:relative;
	width: 860px;
	height: 42px;
	margin:0px 0px 0px 0px;
	padding: 0 0 0 0;
}
#g_navi span { display: none; }  /* 文字表示消去　*/
/* ボタン１　*/
#g_navi #gbtn01 {
    display: inline;
	float: left;
    width: 99px;
    height: 42px;
    list-style-type: none;
}
#g_navi #gbtn01 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi01.jpg) no-repeat 0 0;
}
#g_navi #gbtn01 a:hover {
    background: url(/common/images/g_navi01ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn01 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi01ov.jpg) no-repeat 0 0;
}
/* ボタン２ */
#g_navi #gbtn02 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn02 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi02.jpg) no-repeat 0 0;
}
#g_navi #gbtn02 a:hover {
    background: url(/common/images/g_navi02ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn02 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi02ov.jpg) no-repeat 0 0;
}
/* ボタン３ */
#g_navi #gbtn03 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn03 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi03.jpg) no-repeat 0 0;
}
#g_navi #gbtn03 a:hover {
    background: url(/common/images/g_navi03ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn03 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi03ov.jpg) no-repeat 0 0;
}
/* ボタン４ */
#g_navi #gbtn04 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn04 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi04.jpg) no-repeat 0 0;
}
#g_navi #gbtn04 a:hover {
    background: url(/common/images/g_navi04ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn04 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi04ov.jpg) no-repeat 0 0;
}
/* ボタン５ */
#g_navi #gbtn05 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn05 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi05.jpg) no-repeat 0 0;
}
#g_navi #gbtn05 a:hover {
    background: url(/common/images/g_navi05ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn05 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi05ov.jpg) no-repeat 0 0;
}
/* ボタン６ */
#g_navi #gbtn06 {
    display: inline;
	float: left;
    width: 153px;
    height: 41px;
    list-style-type: none;
}
#g_navi #gbtn06 a {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi06.jpg) no-repeat 0 0;
}
#g_navi #gbtn06 a:hover {
    background: url(/common/images/g_navi06ov.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi #gbtn06 p {
    display: block;
    height: 100%;
    background: url(/common/images/g_navi06ov.jpg) no-repeat 0 0;
}

/*****************************************************
*           english_g_navi                      *
*****************************************************/
#g_navi_en {
	clear:both;
	position:relative;
	width: 860px;
	height: 42px;
	margin:0px 0px 0px 0px;
	padding: 0 0 0 0;
}
#g_navi_en span { display: none; } 

#g_navi_en #gbtn_en01 {
    display: inline;
	float: left;
    width: 99px;
    height: 42px;
    list-style-type: none;
}

#g_navi_en #gbtn_en01 {
    display: inline;
	float: left;
    width: 99px;
    height: 42px;
    list-style-type: none;
}
#g_navi_en #gbtn_en01 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_home.jpg) no-repeat 0 0;
}
#g_navi_en #gbtn_en01 a:hover {
    background: url(/en/common/images/eg_home_on.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi_en #gbtn_en01 p {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_home_on.jpg) no-repeat 0 0;
}

#g_navi_en #gbtn_en02 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi_en #gbtn_en02 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_about_jeces.jpg) no-repeat 0 0;
}
#g_navi_en #gbtn_en02 a:hover {
    background: url(/en/common/images/eg_about_jeces_on.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi_en #gbtn_en02 p {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_about_jeces_on.jpg) no-repeat 0 0;
}

#g_navi_en #gbtn_en03 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi_en #gbtn_en03 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_activities.jpg) no-repeat 0 0;
}
#g_navi_en #gbtn_en03 a:hover {
    background: url(/en/common/images/eg_activities_on.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi_en #gbtn_en03 p {
	display: block;
	height: 100%;
	background-image: url(/en/common/images/eg_activities_on.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#g_navi_en #gbtn_en04 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi_en #gbtn_en04 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_johkasou_technology.jpg) no-repeat 0 0;
}
#g_navi_en #gbtn_en04 a:hover {
    background: url(/en/common/images/eg_johkasou_technology_on.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi_en #gbtn_en04 p {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_johkasou_technology_on.jpg) no-repeat 0 0;
}

#g_navi_en #gbtn_en05 {
    display: inline;
	float: left;
    width: 152px;
    height: 41px;
    list-style-type: none;
}
#g_navi_en #gbtn_en05 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_johkasou_database.jpg) no-repeat 0 0;
}
#g_navi_en #gbtn_en05 a:hover {
    background: url(/en/common/images/eg_johkasou_database_on.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi_en #gbtn_en05 p {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_johkasou_database_on.jpg) no-repeat 0 0;
}

#g_navi_en #gbtn_en06 {
    display: inline;
	float: left;
    width: 153px;
    height: 41px;
    list-style-type: none;
}
#g_navi_en #gbtn_en06 a {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_contact_us.jpg) no-repeat 0 0;
}
#g_navi_en #gbtn_en06 a:hover {
    background: url(/en/common/images/eg_contact_us_on.jpg) no-repeat 0 0;
    text-decoration: none;
}
#g_navi_en #gbtn_en06 p {
    display: block;
    height: 100%;
    background: url(/en/common/images/eg_contact_us_on.jpg) no-repeat 0 0;
}

/*****************************************************
*           パンくずcss：メイン                      *
*****************************************************/

#transition {
	position: relative;
	height: 26px;
	padding: 0 0 0 20px;
	background-color: #EEF8FC;
}
#transition span { color: #00CCFF; }


/*****************************************************
*           main内部css：メイン                      *
*****************************************************/

#main #leftside {
	position: relative;
	float: left;
	width: 210px;
	margin: 10px 0 0 15px;
}

#main #main_contents {
	position: relative;
	float: right;
	width: 590px;
	height: 200px; /* ダミー */
	margin: 10px 15px 0 0;
	background-color: #00FFFF;
}


/*****************************************************
*                   footer                           *
*****************************************************/
    
#footer .top {
    position: relative;
    width: 860px;
    height: 6px;
    text-indent: -9999px;
    background: url(/common/images/bg_footer_top.jpg) repeat-x 0 0;
}
#footer .foot_menu {
    position: relative;
    width: 550px;
    height: 40px;
    margin: 0px 0 0 170px;
}
#footer .foot_menu .foot_navi {
    position: relative;
    padding-top: 6px;
    _padding-top: 0px;
    float: left;
    width: 550px;
    height: 10px;
}
#footer .foot_menu .foot_navi li {
    display: inline;
    padding: 0 0 0 16px;
    background: url(/common/images/arrow_rg.jpg) no-repeat 0 2px;
}
#footer .foot_message {
    position: relative;
    width: 705px;
    height: 45px;
    margin: 12px 0 0 130px;/*    background-color: #00FFFF;*/
}
#footer .foot_message .linkrogo {
    float: left;
    width: 261px;
    height: 40px;
    padding: 2px 0 0 2px;
}
#footer .foot_message .textarea {
    position: relative;
    float: right;
    width: 440px;
    height: 40px;
    margin: 4px 0 0 0px;
    font-size: 80%;
}
#footer .copyright {
    position: relative;
    width: 580px;
    height: 20px;
    margin: 6px 0 0 180px;
    font-size: 8pt;
}
/** 利用規約用 **/
#footer .foot_menu2 {
    position: relative;
    width: 520px;
    height: 40px;
    margin: 0px 0 0 100px;
}
#footer .foot_menu2 .foot_navi2 {
    position: relative;
    padding-top: 6px;
    _padding-top: 0px;
	paddint-left: 0;
    float: left;
    width: 600px;
    height: 10px;
}
#footer .foot_menu2 .foot_navi2 li {
    display: inline;
    padding: 0 0 0 16px;
    background: url(/common/images/arrow_rg.jpg) no-repeat 0 2px;
}

	
/*****************************************************
*              個別ページcss定義                     *
*              #main内                               *
*****************************************************/

#main #leftside .navibox {
	position: relative;
	width: 207px;
	height: 44px;
}
#main #leftside .navibox a {
    display: block;
    height: 32px;
	_height: 44px;
	color: #37ACE9;
	font-size: 11pt;
	font-weight: bold;
	padding: 12px 0 0 30px;
	background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 -44px;
	border-bottom: 1px solid #CCCCCC;
    text-decoration: none;
}
#main #leftside .navibox a:hover {
	background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 0px;
	color: #FFFFFF;
    text-decoration: none;
}	
#main #leftside .navibox2 {
	position: relative;
	width: 207px;
	height: 44px;
}
#main #leftside .navibox2 a {
    display: block;
    height: 36px;
	_height: 44px;
	color: #37ACE9;
	font-size: 11pt;
	font-weight: bold;
	line-height: 110%;
	padding: 8px 0 0 30px;
	background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 -44px;
	border-bottom: 1px solid #CCCCCC;
    text-decoration: none;
}
#main #leftside .navibox2 a:hover {
	background:url(/common/images/bg_sidenavi.jpg) no-repeat 0 0px;
	color: #FFFFFF;
    text-decoration: none;
}	
#main #leftside .adobe {
	position: relative;
	width: 199px;
	_width: 207px;
	margin: 10px 0 20px 0;
	padding: 4px 4px 4px 4px;
	border: 1px solid #CCCCCC;
}

	
/*****************************************************
*              トップページcss定義                   *
*              #main内                               *
*****************************************************/
/** メインの下部バナー領域 **/
#main #main_bottom {
	position: relative;
	width: 790px;
	margin: 10px 0 10px 10px;
}
#main #main_bottom .banerbox {
	float: left;
	width: 119px;
	height: 60px;
	margin: 0 20px 0 0;
}

/** 全体 **/
#main .topimage {
	position: relative;
	width: 859px;
	height: 209px;
	margin: 0 0 10px 0;
}
#main .topnavi {
	position: relative;
	width: 830px;
	_width: 838px;
	margin: 0 0 0 10px;
	padding: 10px 0 0 10px;
	background-color: #EEEEEE;
}
#main .topnavi .topnavibtn {
	position: relative;
	float: left;
	width: 191px;
	height: 57px;
	padding: 0 10px 0 5px;
}

#main .toparea {
	position: relative;
	width: 838px;
	margin: 10px 0 0 10px;
	margin-bottom:20px;
}
#main .toparea .topleft {
	position: relative;
	float: left;
	width: 185px;
	background-color: #ECF5F9;
	border: 1px solid #CCCCCC;
}
#main .toparea .topcenter {
	position: relative;
	float: left;
	width: 442px;
	padding: 0 0 0 16px;
}
#main .toparea .topright {
	position: relative;
	float: right;
	width: 183px;
}

/** topleft 定義 **/
#main .toparea .topleft .tbox1 {
	position: relative;
	width:  150px;
	_width: 160px;
	height: 20px;
	margin: 10px 0 0 10px;
	padding: 4px 5px 19px 10px;
	color: #37ace9;
	font-size: 9pt;
	font-weight: bold;
	background-color: #FFFFFF;
	border-left: 4px solid #37ACE9;
}
#main .toparea .topleft .tbox2 {
	position: relative;
	width:  150px;
	_width: 160px;
	height: 20px;
	margin: 10px 0 0 10px;
	padding: 2px 5px 4px 10px;
	color: #37ace9;
	font-size: 9pt;
	font-weight: bold;
	line-height: 110%;
	background-color: #FFFFFF;
	border-left: 4px solid #37ACE9;
}
#main .toparea .topleft .tbox2 span { font-size: 8px; }
#main .toparea .topleft .ubox1 {
	position: relative;
	width:  190px;
	margin: 10px 0 0 -20px;
	font-size: 8pt;
}
#main .toparea .topleft .ubox1 li { list-style: none; }
#main .toparea .topleft .ubox2 a {
	position: relative;
	width:  160px;
	margin: 0 0 0 10px;
	font-size: 7px;
	color: #0099FF;
	font-size: 8pt;
}
#main .toparea .topleft .pbox1 {
	position: relative;
	width:  77px;
	height: 110px;
	margin: 10px 0 0 50px;
}
#main .toparea .topleft .tbox3 {
	position: relative;
	width:  170px;
	margin: 10px 0 0 10px;
	font-size: 9pt;
	line-height: 110%;
	padding-left: 10px;
	text-indent: -1.0em;
}
#main .toparea .topleft .ubox3 {
	position: relative;
	width:  150px;
	height: 25px;
	margin: 10px 0 0 20px;
}
#main .toparea .topleft .ubox4 {
	margin: 10px 0 30px 10px;
}
#main .toparea .topleft .ubox4 a {
	position: relative;
	width:  160px;
	font-size: 7px;
	color: #0099FF;
	font-size: 8pt;
}

/** topcenter 定義 **/
#main .toparea .topcenter .news {
	position: relative;
	width: 432px;
	background: url(/images/top/bg_topnews.jpg) no-repeat 0 0;
	margin-bottom:10px;
}
#main .toparea .topcenter .news .kiji {
	width: 70px;
	padding: 23px 0 10px 355px;
}

#main .toparea .topcenter .kousyuu {
	position: relative;
	width: 432px;
	background: url(/images/top/bg_topkousyuu.jpg) no-repeat 0 0;
}
#main .toparea .topcenter .kousyuu .anauns {
	width: 70px;
	height: 17px;
	padding: 23px 0 10px 355px;
}
#main .toparea .topcenter .keitai {
	position: absolute;
	top: 390px;
	_top:380px;
	width: 210px;
	height:71px;
	margin: 10px 0 0 0px;
	padding: 50px 0 0 31px;
	color: #0099FF;
	background: url(/images/top/bg_keitai.jpg) no-repeat 0 0;
	font-size: 6pt;
}
#main .toparea .topcenter .keitai a {
	color: #0099FF;
	font-size: 6pt;
}
#main .toparea .topcenter .keitai a:hover { text-decoration: underline; }


#main .toparea .topcenter .inful {
	position: absolute;
	top: 390px;
	_top:380px;
	width: 202px;
	height:71px;
	left:241px;
	margin: 10px 0 0 0px;
	color: #0099FF;
	font-size: 6pt;
}


#main .toparea .topcenter .jyoukasou {
	position: absolute;
	top: 470px;
		_top:460px;
	width: 432px;
	margin: 10px 0 0 0;
}
#main .toparea .topcenter .jyoukasou .foram {
	float: left;
	width: 224px;
	height:106px;
	background: url(/images/top/bg_foram.jpg) no-repeat 0 0;
}
#main .toparea .topcenter .jyoukasou .syousai {
	width: 86px;
	height: 19px;
	padding: 82px 0 0 120px;
}
#main .toparea .topcenter .jyoukasou .hanashi {
	float: left;
	width: 208px;
	height:106px;
	background: url(/images/top/bg_hanashi.jpg) no-repeat 0 0;
}


#news_whatsnew table,tr,td{
	margin-top:15px;
	padding:3px 0 3px 15px;
	}


#news_4A2EF9C112 table,tr,td{
	margin-top:10px;
	padding:2px 0 2px 15px;
	}
/** topright 定義 **/
#main .toparea .topright .gbox1 {
	position: relative;
	width:  183px;
	_width: 183px;
	margin: 0px 0 0 0;
	padding: 5px 0 5px 0;  /*FireFoxのため */
	background-color: #ddf3ff;
	border: 1px solid #CCCCCC;
}

#main .toparea .topright .graphbox11 {
	position: relative;
	margin: 10px 0 0 6px;
}
#main .toparea .topright .graphbox22 {
	position: relative;
	margin: 10px 0 10px 6px;
}

#main .toparea .topright .gbox {
	position: relative;
	width:  183px;
	_width: 183px;
	margin: 10px 0 0 0;
	padding: 5px 0 5px 0;  /*FireFoxのため */
	background-color: #C6F4B8;
	border: 1px solid #CCCCCC;
}
#main .toparea .topright .graphbox {
	position: relative;
	margin: 10px 0 0 6px;
}
#main .toparea .topright .graphbox2 {
	position: relative;
	margin: 10px 0 10px 6px;
}
#main .toparea .topright .grbox {
	position: relative;
	width:  185px;
	_width: 185px;
	padding: 5px 0 5px 0;  /*FireFoxのため */
	margin: 10px 0 0 0; 
	background-color: #EEEEEE;
}
	

#keyword {
	height:16px;
	_height: 20px;
	margin-bottom:2px;
	margin-top:2px;
	width:148px;
}

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p10-r{ padding-right: 10px!important; }

.al-c {
    text-align: center;}

.m20-b {
    margin-bottom: 20px!important;
}