/*******************************************************************************
*
* 共通
*
* CREATED BY 2009/03/30
* 
********************************************************************************/

/*------------------------------------------------------------------------------
* html_tag.
*------------------------------------------------------------------------------*/
body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input
{
	margin                           : 0;
	padding                          : 0;
}
body
{
	width                            : 100%;
	font-family                      : 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',’ヒラギノ角ゴ Pro W3’,‘Hiragino Kaku Gothic Pro’,sans-serif;
	font-size                        : 100%;
}
html>/**/body
{
	font-size: 12pt; /* モダンブラウザ向け */
}
h1
{
	font-size                        : 120%;
}
h2,h3,h4,h5,h6
{
	font-size                        : 100%;
}
h2 img,
h3 img,
h4 img,
h5 img
{
	vertical-align                   : middle;
}
p
{
	margin                           : 0;
	padding                          : 0 0 0.5em 0;
	line-height                      : 125%;
}
a
{
	text-decoration                  : none;
	color                            : #0066cc;
}
a:hover
{
	color                            : #3377ff;
}
a:visited
{
	color                            : #003366;
}
img
{
	border                           : none;
}
li
{
	list-style                       : none;
}
li img
{
	vertical-align:middle;
}
th
{
	text-align                       : left;
}
input
{
	font-size                        : 100%;
}


/*------------------------------------------------------------------------------
* bace_class　頻繁に使用するレイアウトスタイル
*------------------------------------------------------------------------------*/
.cm_clear
{
	clear                            : both;
}
.cm_pagetop
{
	text-align                       : right
}
.cm_fll
{
	float                            : left;
}
.cm_link img
{
	vertical-align                   : middle;
}
.cm_width5
{
	width                            : 5%!important;
}
.cm_width10
{
	width                            : 10%!important;
}
.cm_width15
{
	width                            : 15%!important;
}
.cm_width18
{
	width                            : 18%!important;
}
.cm_width20
{
	width                            : 20%!important;
}
.cm_width25
{
	width                            : 25%!important;
}
.cm_width30
{
	width                            : 30%!important;
}
.cm_width35
{
	width                            : 35%!important;
}
.cm_width40
{
	width                            : 40%!important;
}
.cm_width70
{
	width                            : 70%!important;
}
.cm_red
{
	color                            : #ff3333;
}
.cm_litered
{
	background-color                 : #f5e4e4!important;
}
.cm_liteyellow
{
	background-color                 : #f4f5e4!important;
}
.cm_liteblue
{
	background-color                 : #e4f2f5!important;
}
.cm_liteblue2
{
	background-color                 : #e2e2f2!important;
}
.cm_litegreen
{
	background-color                 : #ecf5e4!important;
}
.cm_liteorange
{
	background-color                 : #f9ecda!important;
}
.cm_litegray
{
	background-color                 : #eeeeee!important;
}
.cm_litegray2
{
	background-color                 : #f1f1f1!important;
}
.cm_abclink li
{
	padding                          : 0 0 0.3em 22px;
	list-style-position              : inside;
	list-style-type                  : lower-latin!important;
	text-indent                      : -17px;
}
.cm_disclink li
{
	padding                          : 0 0 0.3em 22px;
	list-style-position              : inside;
	list-style-type                  : disc!important;
	text-indent                      : -15px;
}
.cm_decimallink li
{
	padding                          : 0 0 0.3em 22px;
	list-style-position              : inside;
	list-style-type                  : decimal;
	text-indent                      : -19px;
}
.cm_idecimallink li
{
	padding                          : 0 0 0.3em 22px!important;
	list-style-position              : inside!important;
	list-style-type                  : decimal!important;
	text-indent                      : -17px!important;
}
.cm_pad1em
{
	padding-bottom                   : 1em;
}

/*------------------------------------------------------------------------------
* header　ヘッダのスタイル
*------------------------------------------------------------------------------*/
#header
{
	width                            : 100%;
	background                       : url(../images/cm_header_bg.gif) repeat-x bottom;
}
#header .cm_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_logo_img.gif) no-repeat 10px bottom;
}
#header .logo
{
	float                            : left;
	width                            : 400px;
}
#header .logo a
{
	display                          : block;
	height                           : 6em;
	overflow                         : hidden;
	text-indent                      : -4000px;
	text-decoration                  : none;
	text-align                       : center;
	background-repeat                : no-repeat;
	line-height                      : 120%;
	font-size                        : 11pt;
}
#header .head_navi
{
	float                            : left;
	width                            : 390px;
	padding                          : 3em 10px 0 0;
	text-align                       : right;
	vertical-align                   : middle;
	font-size                        : 10pt;
}


/*------------------------------------------------------------------------------
* footer　フッターのスタイル
*------------------------------------------------------------------------------*/
#footer
{
	width                            : 750px;
	margin                           : 0 auto 0 auto;
	border-top                       : solid 2px #58798c;
	padding                          : 1em 0 1em 0;
	text-align                       : center;
}


/*------------------------------------------------------------------------------
* pagebody　#pagebody内に使われる基本スタイル
*         　#＊＊_wrapperのスタイルを各カテゴリ毎に切り替える
*------------------------------------------------------------------------------*/
#pagebody
{
	width                            : 100%;
	background                       : url(../images/cm_main_bg.gif) repeat-x top;
}
#other_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_otherwrapper_bg.jpg) repeat-x top;
}
#top_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_topwrapper_bg.jpg) repeat-x top;
}
#summary_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_summarywrapper_bg.jpg) repeat-x top;
}
#group1_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_group1wrapper_bg.jpg) repeat-x top;
}
#group2_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_group2wrapper_bg.jpg) repeat-x top;
}
#group3_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_group3wrapper_bg.jpg) repeat-x top;
}
#group4_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_group4wrapper_bg.jpg) repeat-x top;
}
#group5_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_group5wrapper_bg.jpg) repeat-x top;
}
#group6_wrapper
{
	width                            : 800px;
	margin                           : 0 auto 0 auto;
	background                       : url(../images/cm_group6wrapper_bg.jpg) repeat-x top;
}
#main
{
	width                            : 780px;
	margin                           : 0 auto 0 auto;
	background-color                 : #ffffff;
}


/*------------------------------------------------------------------------------
* global_navi　グローバルナビゲーション用（英語ぺージのスタイルとは異なります）
*------------------------------------------------------------------------------*/
#global_navi
{
	width                            : 780px;
	padding                          : 0 0 0 10px;
}
#global_navi li a
{
	display                          : block;
	overflow                         : hidden;
	text-decoration                  : none;
	text-align                       : center;
	background-repeat                : no-repeat;
	color                            : #ffffff;
	line-height                      : 120%;
	font-size                        : 10pt;
	background-position              : 0px 0px;
}
#navi_regional_powers
{
	float                            : left;
	width                            : 171px;
}
#navi_regional_powers a
{
	width                            : 161px;
	padding                          : 25px 5px 17px 5px;
	background                       : url(../images/gr_top_bg.gif) no-repeat top;
}
#navi_regional_powers a.select
{
	background                       : url(../images/gr_top_bgw.gif) no-repeat top;
	color                            : #666666;
	font-weight                      : bold;
	background-position              : 0px 0px;
}
#navi_regional_powers a:hover
{
	background-position              : 0px -2px;
	padding                          : 20px 5px 22px 5px;
}
#navi_group_summary,
#navi_group_01,
#navi_group_02,
#navi_group_03,
#navi_group_04,
#navi_group_05,
#navi_group_06
{
	float                            : left;
	width                            : 87px;
}
#navi_group_summary a.select,
#navi_group_01 a.select,
#navi_group_02 a.select,
#navi_group_03 a.select,
#navi_group_04 a.select,
#navi_group_05 a.select,
#navi_group_06 a.select
{
	background                       : url(../images/gr_bgw.gif) no-repeat top;
	color                            : #666666;
	font-weight                      : bold;
	background-position              : 0px 0px;
}
#navi_group_summary a
{
	width                            : 72px;
	padding                          : 25px 5px 17px 10px;
	background                       : url(../images/gr_summary_bg.gif) no-repeat top;
}
#navi_group_summary a:hover
{
	background-position              : 0px -2px;
	padding                          : 20px 5px 22px 10px;
}
#navi_group_01 a
{
	width                            : 72px;
	padding                          : 18px 5px 9px 10px;
	background                       : url(../images/gr_group1_bg.gif) no-repeat top;
}
#navi_group_02 a
{
	width                            : 72px;
	padding                          : 18px 5px 9px 10px;
	background                       : url(../images/gr_group2_bg.gif) no-repeat top;
}
#navi_group_03 a
{
	width                            : 72px;
	padding                          : 18px 5px 9px 10px;
	background                       : url(../images/gr_group3_bg.gif) no-repeat top;
}
#navi_group_04 a
{
	width                            : 72px;
	padding                          : 18px 5px 9px 10px;
	background                       : url(../images/gr_group4_bg.gif) no-repeat top;
}
#navi_group_05 a
{
	width                            : 72px;
	padding                          : 18px 5px 9px 10px;
	background                       : url(../images/gr_group5_bg.gif) no-repeat top;
}
#navi_group_06 a
{
	width                            : 72px;
	padding                          : 18px 5px 9px 10px;
	background                       : url(../images/gr_group6_bg.gif) no-repeat top;
}
#navi_group_01 a:hover,
#navi_group_02 a:hover,
#navi_group_03 a:hover,
#navi_group_04 a:hover,
#navi_group_05 a:hover,
#navi_group_06 a:hover
{
	background-position              : 0px -2px;
	padding                          : 13px 5px 14px 10px;
}


/*------------------------------------------------------------------------------
* topicpath　パンくず用のスタイル
*------------------------------------------------------------------------------*/
#topic_path .path
{
	float                            : left;
	width                            : 635px;
	padding                          : 0 15px 0.5em 15px;
	font-size                        : 10pt;
}
#topic_path .path img
{
	vertical-align                   : middle;
}
#topic_path .english
{
	float                            : left;
	width                            : 100px;
	padding                          : 0 15px 0 0;
	text-align                       : right;
}


/*------------------------------------------------------------------------------
* page_title　ぺージの見出し（H1）、タイトルイメージのスタイル
*------------------------------------------------------------------------------*/
#page_title
{
	width                            : 750px;
	margin                           : 0 auto 15px auto;
	background                       : #e2e1d4 url(../images/cm_pagetitle_bg.gif) no-repeat top;
	
}
#page_title h1
{
	width                            : 730px;
	padding                          : 10px 10px 15px 10px;
	background                       : url(../images/cm_h1_bg.gif) no-repeat bottom;
	font-size                        : 14pt;
}
#top_wrapper h1.cm_toptitle
{
	width                            : 750px;
	height                           : 200px;
	padding                          : 0 0 0 0;
	background                       : none;
}
#summary_wrapper h1.cm_toptitle
{
	width                            : 230px;
	height                           : 180px;
	padding                          : 10px 510px 10px 10px;
	background                       : url(../../group_summary/images/summary_h1_bg.jpg) no-repeat;
}
#group1_wrapper h1.cm_toptitle
{
	width                            : 230px;
	height                           : 180px;
	padding                          : 10px 510px 10px 10px;
	background                       : url(../../group_01/images/group1_h1_bg.jpg) no-repeat;
}
#group2_wrapper h1.cm_toptitle
{
	width                            : 230px;
	height                           : 180px;
	padding                          : 10px 510px 10px 10px;
	background                       : url(../../group_02/images/group2_h1_bg.jpg) no-repeat;
}
#group3_wrapper h1.cm_toptitle
{
	width                            : 230px;
	height                           : 180px;
	padding                          : 10px 510px 10px 10px;
	background                       : url(../../group_03/images/group3_h1_bg.jpg) no-repeat;
}
#group4_wrapper h1.cm_toptitle
{
	width                            : 230px;
	height                           : 180px;
	padding                          : 10px 510px 10px 10px;
	background                       : url(../../group_04/images/group4_h1_bg.jpg) no-repeat;
}
#group5_wrapper h1.cm_toptitle
{
	width                            : 230px;
	height                           : 180px;
	padding                          : 10px 510px 10px 10px;
	background                       : url(../../group_05/images/group5_h1_bg.jpg) no-repeat;
}
#group6_wrapper h1.cm_toptitle
{
	width                            : 230px;
	height                           : 180px;
	padding                          : 10px 510px 10px 10px;
	background                       : url(../../group_06/images/group6_h1_bg.jpg) no-repeat;
}


/*------------------------------------------------------------------------------
* page_info　ローカルナビとコンテンツ部分を囲む枠
*------------------------------------------------------------------------------*/
#page_info
{
	margin                           : 0 0 15px 0;
	padding                          : 0 0 0 15px;
	background                       : url(../images/cm_pageinfo_bg.gif) repeat-y left top;
}



/*------------------------------------------------------------------------------
* local_navi　ローカルナビゲーション
*------------------------------------------------------------------------------*/
#local_navi
{
	float                            : left;
	width                            : 185px;
}
#local_navi li a
{
	display                          : block;
	width                            : 125px;
	padding                          : 12px 5px 10px 25px;
	background                       : #efefef url(../images/cm_localnavi-bg.gif) no-repeat left top;
	border-bottom                    : solid 1px #567587;
	font-size                        : 10pt;
}
#local_navi li a.select
{
	display                          : block;
	width                            : 125px;
	padding                          : 12px 5px 11px 25px;
	background                       : #b8c7d0 url(../images/cm_localnavi_bgs.gif) no-repeat left top;
	border-bottom                    : solid 1px #567587;
	font-size                        : 10pt;
	font-weight                      : bold;
}
#local_navi li a:hover
{
	background-position              : -155px 0;
	padding                          : 12px 5px 10px 25px;
}
#local_navi li a:hover.select
{
	background-position              : 0 0;
	padding                          : 12px 5px 11px 25px;
}



/*------------------------------------------------------------------------------
* page_contents　コンテンツ内のスタイル
*------------------------------------------------------------------------------*/
#page_contents
{
	float                            : left;
	width                            : 555px;
}
#page_contents h2
{
	width                            : 100%;
	margin                           : 0 0 0.8em 0;
	padding                          : 0.5em 5px 0.5em 5px;
	background                       : #f5f5f5;
	border-top                       : solid 1px #58798c;
	border-bottom                    : solid 2px #58798c;
}
#page_contents .block2
{
	padding                          : 0 0 0 0;
}
#page_contents h3
{
	padding                          : 0 0 0.3em 0;
}
#page_contents h4
{
	padding                          : 0 0 0.3em 0;
	font-size                        : 80%;
	font-weight                      : bold;
}
#page_contents h5
{
	padding                          : 0 0 0.3em 0;
	font-size                        : 80%;
	font-weight                      : normal;
}
#page_contents table
{
	width                            : 561px;
	margin                           : 0 0 1em 0;
	border-top                       : 1px solid #d6d3c5;
	border-left                      : 1px solid #d6d3c5;
	font-size                        : 80%;
	
}
#page_contents th,
#page_contents td
{
	padding                          : 0.3em 5px 0.3em 5px;
	border-right                     : 1px solid #d6d3c5;
	border-bottom                    : 1px solid #d6d3c5;
	font-weight                      : normal;
}
#page_contents th,
#page_contents td
{
	background-color                 : #fafafa;
}
#page_contents .sentence p
{
	padding                          : 0 0 0.8em 0;
	font-size                        : 80%;
}
#page_contents .sentence li
{
	padding                          : 0 0 0.5em 0;
	font-size                        : 80%;
}


/*------------------------------------------------------------------------------
* top　トップぺージの更新情報のスタイル
*------------------------------------------------------------------------------*/
#page_contents .topics
{
	width                            : 565px;
	margin                           : 0 0 0.5em 0;
	background                       : url(../images/cm_dotborder_bg.gif) repeat-x bottom;
}
#page_contents .topics .date
{
	float                            : left;
	width                            : 125px;
	padding                          : 0 0 0.5em 0;
}
#page_contents .topics .date p
{
	width                            : 105px;
	padding                          : 0.35em 5px 0.35em 5px;
	background                       : #58798c;
	text-align                       : center;
	font-size                        : 11pt;
	color                            : #ffffff;
}
#page_contents .topics .info_list
{
	float                            : left;
	width                            : 440px;
	padding                          : 0.3em 0 0.2em 0;
}
#page_contents .topics .info_list li
{
	padding                          : 0 5px 0.3em 15px;
	list-style-type                  : disc;
	list-style-position              : inside;
	text-indent                      : -15px;
	line-height                      : 135%;
	font-size                        : 80%;
}


/*------------------------------------------------------------------------------
* news　ニューズレター用のスタイル
*------------------------------------------------------------------------------*/
#page_contents .topics .news_list
{
	float                            : left;
	width                            : 440px;
	padding                          : 0.3em 0 0.2em 0;
}
#page_contents .topics .news_list li
{
	padding                          : 0 0 0.3em 43px;
	text-indent                      : -43px;
	line-height                      : 135%;
	font-size                        : 80%;
}
#page_contents .topics .news_list li img
{
	vertical-align                   : middle;
}


/*------------------------------------------------------------------------------
* activities　研究会情報用のスタイル
*------------------------------------------------------------------------------*/
#page_contents .month
{
	margin                           : 0 0 1em 0;
	border-bottom                    : dotted 1px #dddddd;
}
#page_contents .month_last
{
	padding                          : 0 0 1em 0;
	border-bottom                    : none;
}
#page_contents .event p,
#page_contents .event .date p
{
	font-size                        : 80%;
}
#page_contents .event .info_list li
{
	padding                          : 0 0 0.3em 0;
	list-style-type                  : none;
	text-indent                      : 0px;
}



/*------------------------------------------------------------------------------
* contact us　お問い合わせ用のスタイル
*------------------------------------------------------------------------------*/
#contact
{
	padding                          : 0 15px 10em 15px;
}
#contact h2
{
	padding                          : 0 0 1em 0;
}
#contact table
{
	margin                           : 0 0 0 27px;
}
#contact th,
#contact td
{
	padding                          : 0 0 1em 0;
	vertical-align                   : top;
	font-size                        : 90%;
}


/*------------------------------------------------------------------------------
* sitemap サイトマップ用のスタイル
*------------------------------------------------------------------------------*/
#sitemap
{
	width                            : 765px;
	margin                           : 0 0 15px 0;
	padding                          : 0 0 0 15px;
	background                       : url(../../sitemap/images/sitemap_bg.gif) repeat-y;
}
#sitemap .block_sitemap
{
	float                            : left;
	width                            : 365px;
}
#sitemap .category
{
	margin                           : 0 0 2em 0;
	background                       : url(../images/cm_dotborder_bg.gif) repeat-x bottom;
	font-size                        : 80%;
}
#sitemap h2
{
	width                            : 365px;
	margin                           : 0 0 0.8em 0;
	padding                          : 0 0 0.5em 0;
	border-bottom                    : solid 2px #dddddd;
}
#sitemap ul
{
	padding                          : 0 0 0.5em 0;
}
#sitemap li
{
	padding                          : 0 0 0.5em 0;
}


/*------------------------------------------------------------------------------
* profile　プロフィール用のスタイル
*------------------------------------------------------------------------------*/
.profile img
{
	padding                          : 0 15px 15px 0;
}
.achievement th,
.achievement .date
{
	text-align                       : center;
}
.top_line
{
	width                            : 560px;
	margin                           : 0.5em 0 0 0;
	padding                          : 0.7em 0 0.7em 0!important;
	border-top                       : 2px solid #dddddd;
}
.top_line_pagetop
{
	width                            : 560px;
	margin                           : 0.5em 0 0 0;
	padding                          : 0.8em 0 0 0!important;
	border-top                       : 2px solid #dddddd;
	text-align                       : right;
}