@charset "utf-8";
/* formatting style
-----------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../img/bg.gif);
	background-repeat: repeat;
	/* font-family: sans-serif; */
	font-family:'MS PGothic',Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	font-size: 90%;
	line-height: 1.3;
	margin: 0px;
}
hr {
	display: none;
}
table{
	width: 530px;
	border: 1px #E3E3E3 solid;
	border-collapse: collapse;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
table th {
	padding: 5px;
	border: #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	background: #F5F5F5;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
	white-space: nowrap;
}
table td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}
/* link style
-----------------------------------*/
a img {
	border-style: none;
}
a:link {
	color: #000066;
	text-decoration: underline;
}
a:visited {
	color: #0033FF;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
}
/* basic layout
-----------------------------------*/
#wrapper {
	background-color: #FFFFFF;
	margin: 5px;
}
#header {
	width: 940px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#meinmenu {
	clear: both;
	margin-top: 0px;
	background-color: #0C48C1;
	height: 35px;
	margin-right: 0px;
	margin-left: 0px;
}
#meinmenu #smoothmenu1 {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#flash_wrapper {
	border-top: 2px solid #CCCCCC;
	margin: 4px 0px 14px;
	padding-top: 8px;
}
#flash_wrapper #flash {
	width: 940px;
	height: 275px;
	width: 940px;
	height: auto;
	z-index: 65535;
	margin-right: auto;
	margin-left: auto;
}
#main {
	height: auto;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#menu_flash {
	width:940px;
	height:24px;
	margin:0 auto;
	text-align:center;
	background-color:#DDDDDD;
	padding:4px 0 0 0;
}
*:first-child+html #menu_flash {
	padding:4px 0 0 0;
	}
#menu_flash a {
	color: #000;
	text-decoration: none;	
	height:28px;
}

#menu_flash a:hover {
	height:28px;
	font-size:14px;
	color: #fff;
	background-color:#0C48C1;
}

#menu_flash ul{
	height:28px;
	list-style-type: none;
	display: inline;}

#menu_flash li {
	height:28px;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: inline;
	padding: 6px;
	color: #fff;
	font-variant: small-caps;
	letter-spacing: 0.1em;
	font-size:12px;
}

#main #content  {
	float: left;
	height: auto;
	width: 703px;
	margin-bottom: 20px;
}
#main   #content #content_top  {
	float: left;
	width: 225px;
	margin-bottom: 14px;
}
#main   #content #content_main  {
	float: left;
	height: auto;
	width: 464px;
	margin-left: 14px;
	margin-bottom: 14px;
}
#main   #content #content_menu  {
	clear: both;
	width: 703px;
	height: auto;
}
#main   #content #content_footer  {
	clear: both;
	width: 701px;
	height: 110px;
	border: 1px solid #CCCCCC;
	margin-top: 14px;
}

#footer {
	clear: both;
	height: auto;
	background-color: #CCCCCC;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 20px;
	border-top: 1px solid #0066CC;
}
#footer #footer_content {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}


/* header layout
-----------------------------------*/
#header h1 {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
}
#header #header_right {
	float: right;
	height: 101px;
	width: 600px;
	text-align: right;
}
#header #header_right h2 {
	font-size: 140%;
	font-weight: bold;
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#header #header_right p {
	text-align: right;
	margin-bottom: 6px;
}
#header #header_right ul {
	list-style: none;
	margin-left: auto;
}
#header  #header_right  ul li {
	float: right;
	border-left: 1px solid #CCCCCC;
	display: block;
	padding-left: 15px;
	line-height: 40px;
	margin-right: 15px;
	margin-bottom: 6px;
}
#header   #header_right   ul  li.list_end  {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-right: 0px;
	padding-right: 15px;
	margin-bottom: 0px;
}
#header  #header_right  ul li a {
	background-image: url(../images/list.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 13px;
}

#header #header_right a:link {
	color: #333333;
	text-decoration: none;
}
#header #header_right a:visited {
	color: #333333;
	text-decoration: none;
}
#header #header_right a:hover {
	color: #666666;
	text-decoration: underline;
}
#header #header_right a:active {
	text-decoration: none;
	position: relative;
	top: 1px;
	left: 1px;
}

#header #header_right #language {
	clear: both;
	margin-bottom: 6px;
}

#header #header_right #language img {
	margin-left: 3px;
}
#flash p {
	text-align: right;
	font-size: 90%;
	color: #666666;
}


#content #content_top h2 {
	margin-bottom: 10px;
}

/* content_top layout
-----------------------------------*/
#content #content_top .box     {
	width: 223px;
	border: 1px solid #CCCCCC;
	height: 400px;
	float: left;
}
#content #content_top .box .box_header {
	vertical-align: top;
	margin: 0px;
	width: 223px;
	overflow: hidden;
	background-image: url(../images/bgimges01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: auto;
	border-bottom: 2px solid #0066CC;
}

#content  #content_top  .box  h2 {
	color: #0066CC;
	font-size: 130%;
	background-image: url(../images/ico_box.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 30px;
	vertical-align: middle;
	margin: 0px;
	line-height: 30px;
	padding: 5px;
}
#content #content_main #toppics1 {
	width: 457px;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ECECEC;
	margin-bottom: 14px;
	padding-left: 5px;
}

/* content_main layout
-----------------------------------*/
#content #content_main .photo_album {
	margin-right: 10px;
}
#content #content_main #toppics2 {
	width: 462px;
	height: auto;
	border: 1px solid #CCCCCC;
	margin-bottom: 14px;
}
#content  #content_main  #toppics2  h2  {
	font-size: 130%;
	color: #0066CC;
	background-color: #FFFFFF;
	margin-bottom: 5px;
}
#content  #content_main  #toppics2  span  {
	margin-left: 15px;
}
#content #content_main #toppics2 #toppincs2_body {
	padding: 15px;
	height: auto;
	width: auto;
}

#content  #content_main  #toppics2  #toppincs2_body img {
	float: left;
	margin-right: 15px;
}
#content #content_main #toppics2 #toppincs2_footer {
	clear: both;
	margin-bottom: 15px;
	margin-left: 15px;
	border-top: 1px solid #CCCCCC;
	margin-right: 15px;
	padding-top: 10px;
}
#content #content_main #toppics2 #toppincs2_footer ul {
	list-style: square inside;
}
#content #content_main #mokushi {
	height: 125px;
	width: 432px;
	border: 1px solid #CCCCCC;
	padding: 15px;
}
#content  #content_main  #mokushi  h2  {
	font-size: 130%;
	color: #0066CC;
}
#content #content_main #mokushi img {
	float: left;
	margin-right: 15px;
}
#content #content_menu .box_header {
	vertical-align: top;
	margin: 0px 0px 5px;
	width: 223px;
	overflow: hidden;
	background-image: url(../images/bgimges01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: auto;
	border-bottom: 2px solid #0066CC;
}
#content #content_menu #beginner  {
	background-image: url(../images/ico_beginner.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	font-size: 120%;
	background-position: left center;
	display: block;
	text-indent: 30px;
	height: 30px;
	vertical-align: middle;
	color: #0066CC;
}
#content  #content_menu  #akashi  {
	background-image: url(../images/ico_akashi.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	font-size: 110%;
	background-position: left center;
	display: block;
	text-indent: 30px;
	height: 30px;
	vertical-align: middle;
	color: #0066CC;
}
#content #content_menu #meeting {
	background-image: url(../images/ico_meeting.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	font-size: 120%;
	background-position: left center;
	display: block;
	text-indent: 30px;
	height: 30px;
	vertical-align: middle;
	color: #0066CC;
}
#content #content_menu #news {
	background-image: url(../images/ico_news.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	font-size: 120%;
	background-position: left center;
	display: block;
	text-indent: 30px;
	height: 30px;
	vertical-align: middle;
	color: #0066CC;
}
#content #content_menu #ninki {
	background-image: url(../images/ico_ninki.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	font-size: 120%;
	background-position: left center;
	display: block;
	text-indent: 30px;
	height: 30px;
	vertical-align: middle;
	color: #0066CC;
}
#content #content_menu #tlccc {
	background-image: url(../images/ico_tlccc.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	font-size: 120%;
	background-position: left center;
	display: block;
	text-indent: 30px;
	height: 30px;
	vertical-align: middle;
	color: #0066CC;
}

#content #content_menu ul {
	width: 218px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#content #content_menu ul li {
	list-style: url(none) none outside;
	margin-left: 5px;
	text-indent: 15px;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 3px;
}
#content  #content_menu  span  {
	color: #FF0066;
	margin-left: 5px;
}
#content #content_footer .box_header {
	vertical-align: top;
	margin: 0px 0px 5px;
	width: 701px;
	overflow: hidden;
	background-image: url(../images/bgimges01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: auto;
	border-bottom: 2px solid #0066CC;
}


#content #content_footer h2 {
	background-image: url(../images/ico_osusume.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 30px;
	display: block;
	font-size: 120%;
	color: #0066CC;
	line-height: 30px;
}
#content #content_footer ul {
	width: 680px;
	margin-bottom: 5px;
	margin-left: 10px;
	clear: both;
	margin-right: 10px;
}
#content #content_footer ul li {
	float: left;
	margin-right: 15px;
	list-style: none;
	display: block;
}

#sidebar img {
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	width: 213px;
}
#sidebar #bumon {
	background-color: #FFFFFF;
	width: 211px;
	border: 1px solid #999999;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#sidebar #bumon img {
	margin: 0px;
	width: 211px;
}
#sidebar #bumon li {
	text-indent: 2em;
}


#footer address {
	float: right;
}



/* class layout
-----------------------------------*/
.box1     {
	width: 223px;
	border: 1px solid #CCCCCC;
	height: 140px;
	float: left;
	margin-bottom: 14px;
	overflow: hidden;
}
.box2     {
	width: 223px;
	border: 1px solid #CCCCCC;
	height: 140px;
	margin-left: 13px;
	float: left;
	margin-bottom: 14px;
	overflow: hidden;
}
