/*-------------------------------------------------- 

	emboma CSS Document

	ver:2007/10/11
	
	base.css

---------------------------------------------------*/

/*style-sheet.css menu **************************

1.common
	1-1.font
	1-2.html
	1-3.txt link
	1-4.standard helper classes
	
2.Layout
	2-1.container
	2-2.header
	2-3.footer
	2-4.left&right contents
	2-5.main img
	2-6.contents
	
3.parts
	3-1.page go top
	3-2.table


*************************************************/



/*--------------------------------------

1.common

--------------------------------------*/


/*1.[1-1]Font---------------*/

body{
	color: #333333;
	font-size: 12px;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	line-height: 140%;
	text-align: center;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

/* ie6 & ie7 font size */

/* \*/

* html body{
	font-size: 75%;
}

* html table{
	font-size: 100%;
}

*:first-child+html body{
	font-size: 75%;
}

/* */



/*1.[1-2]html---------------*/

html {
    margin: 0;
    padding: 0;
}

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,input,textarea,
table,td,th,tr,form {
	margin: 0px;
	padding: 0px;
}

body {
	background: #ffffff;
}

img {
	margin: 0px;
	padding: 0px;
}

a img{
	border: none;
}


ul,ol{
	list-style-type: none;
}


/* 1.[1-3]txt link-------------*/

a {
	text-decoration: none;
}
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:hover {
	color: #333333;
	text-decoration: underline;
}
a:active {
	color: #333333;
	text-decoration: underline;
}

/* 1.[1-4]standard helper classes ----------*/

.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

hr.clear{
	clear: both;
	height: 0px;
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	visibility: hidden;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/*---------------------------------------------

2.layout

----------------------------------------------*/

/* 2.[2-1]container-----------------------*/

div#container {
    position: relative;
    width: 813px;
	margin: 0px auto;
	text-align: center;
}

/* 2.[2-2]header---------------------------*/

div#header {
	position: relative;
	width: 813px;
	padding-bottom: 5px;
}

div#header:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html div#header { display: inline-block; }
/* no ie mac \*/
* html div#header { height: 1%; }
div#header { display: block; }

div#header-inner {
	position: static;
	text-align: left;
}

div#header div#h-navi {
	width: 100%;
	text-align: right;
}

div#header div#h-navi ul li {
	display: inline;
}

div#header h1 {
	float: left;
}

div#header div#g-navi {
	float: right;
	width: 619px;
	margin-top: 5px;
}

div#header div#g-navi ul {
	width: 100%;
}

div#header div#g-navi ul li{
	float: left;
	font-size: 110%;
	font-weight: bold;
}

div#header div#g-navi ul li a{
	display: block;
	height: 29px;
	padding-top: 10px;
}

/* \*/

* html div#header div#g-navi ul li a{
	height: 39px;
}

/**/

div#header div#g-navi ul li.g-navi01 a{
	width: 127px;
	padding-left: 30px;
	background: url(images/g_navi01.gif) no-repeat;
}

div#header div#g-navi ul li.g-navi02 a{
	width: 134px;
	padding-left: 30px;
	background: url(images/g_navi02.gif) no-repeat;
}

div#header div#g-navi ul li.g-navi03 a{
	width: 107px;
	padding-left: 40px;
	background: url(images/g_navi03.gif) no-repeat;
}

div#header div#g-navi ul li.g-navi04 a{
	width: 106px;
	padding-left: 45px;
	background: url(images/g_navi04.gif) no-repeat;
}

/* \*/

* html div#header div#g-navi ul li.g-navi01 a{
	width: 157px;
	background: url(images/g_navi01.gif) no-repeat;
}

* html div#header div#g-navi ul li.g-navi02 a{
	width: 164px;
	background: url(images/g_navi02.gif) no-repeat;
}

* html div#header div#g-navi ul li.g-navi03 a{
	width: 147px;
	background: url(images/g_navi03.gif) no-repeat;
}

* html div#header div#g-navi ul li.g-navi04 a{
	width: 151px;
	background: url(images/g_navi04.gif) no-repeat;
}


/**/


/*2.[2-3] footer-----------------------------------*/

div#footer{
	clear: both;
	width: 813px;
	padding-top: 12px;
}


/*2.[2-4] left&right contents---------------------*/

div#left-ct{
	float: left;
	width: 185px;
	margin-top: 0px;
}

div#right-ct{
	float: right;
	width: 619px;
	margin-top: 0px;
}

/* \*/

* html div#left-ct{
	margin-top: -15px;
}

* html div#right-ct{
	margin-top: -15px;
}

*:first-child+html div#left-ct{
	margin-top: -12px;
}

*:first-child+html div#right-ct{
	margin-top: -12px;
}




div#right-ct a {
	text-decoration: none;
}
div#right-ct a:link {
	color: #0000cc;
}
div#right-ct a:visited {
	color: #551a8b;
}
div#right-ct a:hover {
	color: #0000ff;
	text-decoration: underline;
}
div#right-ct a:active {
	color: #ff0000;
	text-decoration: underline;
}



div#right-ct a.entry-head {
	text-decoration: none;
}
div#right-ct a.entry-head:link {
	color: #ffffff;
}
div#right-ct a.entry-head:visited {
	color: #ffffff;
}
div#right-ct a.entry-head:hover {
	color: #ffffff;
	text-decoration: underline;
}
div#right-ct a.entry-head:active {
	color: #ffffff;
	text-decoration: underline;
}





/**/

/*2.[2-5]main img----------------------------------*/

div.main-img{
	margin-bottom: 5px;
	width: 619px;
	float: left;
}



/*2.[2-6]contents-----------------------------------*/

div.entry {
	width: 619px;
	background: url(images/entry_bg.gif) repeat-y;
	margin-bottom: 8px;
}

div.entry div.entry-inner{
	width: 619px;
	background: url(images/entry_foot.gif) no-repeat bottom;
	text-align: center;
}


div.entry-head{
	width: 619px;
}

div.entry div.entry-ct{
	clear: both;
	width: 588px;
	margin: 0px auto;
	padding: 20px 0px 34px 0px;
	text-align: left;
}
	

div.entry div.entry-ct ul li{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 5px;
	padding-top: 5px;

}
/*---------------------------------------------

3.parts

----------------------------------------------*/

/* 3.[3-1]page go top-----------------------*/

div.go-top{
	width: 615px;
	text-align: right;
	padding-bottom: 12px;
}

div.go-top img{
	margin-right: 4px;
	vertical-align: middle;
}

div.go-top p a:link,
div.go-top p a:visited{
	color: #0033CC;
	text-decoration: underline;
}

div.go-top p a:hover{
	text-decoration: none;
}
/* 3.[3-2]table-----------------------*/

table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
}

th, td{
	padding: 8px;
}

th{
	width: 119px;
	background: #EEEEEE;
	border: 1px solid #FFFFFF;
	text-align: right;
	vertical-align: top;
	font-weight: normal;
}

td{
	clear: both;
	border: 1px solid #FFFFFF;
} 


/***ÄÉ²Ã***/
div.site-head {
	width: 619px;
	text-align: left;
	padding-left: 20px;
	margin-bottom: 10px;
}
div.site-head h3{
	font-weight: bold;
	font-size: 16px;
}
div.site {
	width: 619px;
	margin-bottom: 8px;
}
div.site div.site-inner{
	width: 619px;
	text-align: center;
}
div.site div.site-ct1{
	clear: both;
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 100px;
}
div.site div.site-ct2{
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 100px;
}
div.site div.site-ct3{
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 100px;
}
div.site div.site-ct4{
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 100px;
}
html>body div.site {
	width: 619px;
	margin-bottom: 8px;
}
html>body div.site div.site-inner{
	width: 619px;
	text-align: center;
}
html>body div.site div.site-ct1{
	clear: both;
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 100px;
}
html>body div.site div.site-ct2{
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 100px;
}
html>body div.site div.site-ct3{
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 100px;
}
html>body div.site div.site-ct4{
	width: 145px;
	text-align: left;
	background-color: #CCCCCC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height: 100px;
	float: left;
}
/***¥Ð¥Ê¡¼***/
div.site_banner {
	width: 619px;
	margin-bottom: 8px;
	clear: both;
}
div.site_banner div.site-inner{
	width: 619px;
	text-align: center;
}
div.site_banner div.site_banner-ct1{
	clear: both;
	width: 140px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div.site_banner div.site_banner-ct2{
	width: 140px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

html>body div.site_banner {
	width: 619px;
	margin-bottom: 8px;
}
html>body div.site_banner div.site-inner{
	width: 619px;
	text-align: center;
}
html>body div.site_banner div.site_banner-ct1{
	clear: both;
	width: 140px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}
html>body div.site_banner div.site_banner-ct2{
	width: 140px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}


/*************4¥¿¥¤¥È¥ë**********************/
div.entry_1{
	width: 619px;
}

div.entry_l {
	width: 307px;
	float: left;
}
div.entry_l div.entry_head{
	background-image: url(images2/h3_top.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 307px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	letter-spacing: 1px;
}

div.entry_l div.entry_body{
	width: 307px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images2/entry_bg_307.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
}
html>body div.entry_l div.entry_head{
	background-image: url(images2/h3_top.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 307px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
}

html>body div.entry_l div.entry_body{
	width: 287px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images2/entry_bg_307.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
}
div.entry_l div.entry_foot{
	background-image: url(images2/entry_foot_307.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 307px;
}
div.entry_r {
	width: 307px;
	float: right;
}
div.entry_r div.entry_head{
	background-image: url(images2/h3_top.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 307px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	letter-spacing: -2px;
}
div.entry_r div.entry_head_r{
	background-image: url(images2/h3_top.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 307px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
	letter-spacing: 1px;
}
div.entry_r div.entry_body{
	width: 307px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images2/entry_bg_307.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
}
html>body div.entry_r div.entry_head{
	background-image: url(images2/h3_top.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 307px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
}
html>body div.entry_r div.entry_head_r{
	background-image: url(images2/h3_top.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 307px;
	color: #FFFFFF;
	text-align: left;
	padding-left: 10px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 10px;
}

html>body div.entry_r div.entry_body{
	width: 287px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(images2/entry_bg_307.gif);
	background-repeat: repeat-y;
	padding-right: 10px;
}
div.entry_r div.entry_foot{
	background-image: url(images2/entry_foot_307.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 307px;
}

