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

/* basicset */
* {margin:0; padding:0;}
img { border: none;  border-width: 0px; }
li { list-style: none; }
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul { display: block; margin: 0px; padding: 0px; }

a { color: #0066CC; }
a:visited { color: #330066; }
a:hover { color: #FF6600; }


.bs05 {	margin-bottom: 5px;}
.bs10 {	margin-bottom: 10px;}
.bs20 {	margin-bottom: 20px;}
.bs30 {	margin-bottom: 30px;}

body {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	color: #333333;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 75%;
	font-style: normal;
	font-weight: 100;
	background-image: url(/site/_share/bg_body.png);
	background-repeat: repeat-x;
}


/* layout */
#container {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#header {
	height: 74px;
}

#header #logo {
	float: left;
	margin-top: 2px;

}

#header #headerRight {
	float: right;
	text-align: right;
}

#header #headerRight ul {

}

#header #headerRight ul li {
	float: left;
}

#header #headerRight ul li a {
	height: 20px;
	display: block;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	background-image: url(/site/_share/bt_header.png);
	background-repeat: no-repeat;
}

a.hnavi01		{ background-position:0px 0px; width: 80px; }
a.hnavi01:hover	{ text-indent: -9999px; background-position:-160px 0px; }

a.hnavi02		{ background-position:-80px 0px; width: 80px; }
a.hnavi02:hover	{ text-indent: -9999px; background-position:-240px 0px; }

#header #headerRight h1 {
	font-weight: normal;
	font-size: 100%;
	margin-top: 18px;
	clear: both;
}




#footer {
	clear: both;
	background-image: url(/site/_share/bg_footer.png);
	background-repeat: repeat-x;
	padding-top: 10px;
	height: 100px;
}

#footerIn {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
}

#footerIn a {
	color: #FFFFFF;

}


#contentsLine {
	padding: 9px;
	border: 1px solid #E7E7E7;
	margin-bottom: 10px;
}


#mainpic {
	padding: 4px;
	border: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

#contents {
	overflow:hidden; 
	zoom: 1; 
	clear: both;
	background-image: url(/site/_share/bg_side.gif);
	background-repeat: repeat-y;
	background-position: right top;
}

#contents:after { 
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#main {
	float: left;
	width: 600px;
}

.main {
	float: left;
	width: 600px;
}


#main h2{
	font-size: 115%;
	margin-bottom: 5px;
	color: #483E17;
	background-repeat: no-repeat;
	background-position: left top;
	overflow:hidden; 
	zoom: 1; 
	height: 40px;
}

#main h2:after { 
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#main h2 i {
	float: left;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
}

#main h2 b {
	float: right;
	height:14px;
	overflow:hidden;
	font-weight: normal;
	font-size: 11px;
}

.pLead {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 130%;
	line-height: 140%;
}

.pNor {
	margin-bottom: 20px;
	margin-left: 20px;
	font-size: 110%;
	line-height: 130%;
	overflow:hidden; 
	zoom: 1; 
}

.pNor:after { 
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


.pTop {
	text-align: right;
	margin-bottom: 20px;
}

.pSide {
	font-size: 120%;
	margin-bottom: 5px;
	line-height: 120%;
}


.h3nor {
	margin-bottom: 10px;
}

.h4nor {
	margin-bottom: 10px;
	margin-left: 20px;
	background-image: url(/site/_share/bg_h4nor.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: left bottom;
	padding-bottom: 11px;
	color: #003399;
	font-size: 140%;
}


.ulWhatsnew {
	margin-bottom: 30px;

}

.ulWhatsnew li {
	padding-bottom: 5px;
	overflow:hidden; 
	zoom: 1; 
	padding-left: 2px;
	background-image: url(/site/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 5px;
	margin-left: 23px;
	margin-right: 10px;
}

.ulWhatsnew:after { 
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.ulWhatsnew li b {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #0066FF;

}

.ulWhatsnew li p {
	float: right;
	margin-left: 10px;
	width: 490px;
	margin-top: 2px;

}





#side {
	width: 190px;
	float: right;
	padding: 5px;
}

#side ul {
	margin-bottom: 20px;

}

#side ul li {

}

#side ul li a {
	display: block;
	width: 176px;
	color: #0066CC;
	text-decoration: none;
	background-image: url(/site/_share/bg_sidenavi.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 8px;
	padding-right: 7px;
	padding-bottom: 9px;
	padding-left: 7px;
	text-indent: 15px;
}

#side ul li a:hover {
	color: #FFCC00;
	background-color: #FFFFFF;

}


/* navi */

#navi {
	height: 40px;
	clear: both;
	margin-bottom: 18px;
}

#navi ul {

}

#navi ul li {
	float: left;
}

#navi ul li a {
	height: 40px;
	display: block;
	text-indent: -9999px;
	overflow:hidden;
	background-image: url(/site/_share/navi.png);
	background-repeat: no-repeat;
}

a.navi01		{ background-position:0px 0px; width: 140px; }
a.navi01:hover	{ background-position:0px -40px; }

a.navi02		{ background-position:-140px 0px; width: 140px; }
a.navi02:hover	{ background-position:-140px -40px; }

a.navi03		{ background-position:-280px 0px; width: 140px; }
a.navi03:hover	{ background-position:-280px -40px; }

a.navi04		{ background-position:-420px 0px; width: 140px; }
a.navi04:hover	{ background-position:-420px -40px; }

a.navi05		{ background-position:-560px 0px; width: 140px; }
a.navi05:hover	{ background-position:-560px -40px; }

a.navi06		{ background-position:-700px 0px; width: 140px; }
a.navi06:hover	{ background-position:-700px -40px; }




/* img */
/*****************/
.imgR2px {
	margin-right: 2px;
}


.imgL { 
	float: left;
}

.imgL10 { 
	margin-right: 10px;
	float: left;
}

.imgR10 { 
	float: right;
	margin-left: 10px;
}

.imgL10B { 
	margin-right: 10px;
	float: left;
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.imgR { 
	float: right;
}

.imgR10B { 
	float: right;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	margin-bottom: 10px;
}

.imgbox {
	border: 1px solid #D7D7D7;
	padding: 4px;
}

.imgBm05 { 
	border: 1px solid #999999;
	padding: 1px;
	margin-bottom: 5px;
}

.imgCM {
	border: 1px solid #CCC;
	padding: 4px;
	margin-bottom: 20px;
}



/* form */
/*****************/
.form050 {width: 50px;color: #333333;padding: 3px;}
.form100 {width: 100px;color: #333333;padding: 3px;}
.form200 {width: 200px;color: #333333;padding: 3px;}
.form300 {width: 300px;color: #333333;padding: 3px;}
.form400 {width: 400px;color: #333333;padding: 3px;}
.form500 {width: 500px;color: #333333;padding: 3px;}
.form600 {width: 600px;color: #333333;padding: 3px;}
.form650 {width: 650px;color: #333333;padding: 3px;}

.formTextbox {
	width: 380px;
	font-size: 12px;
	color: #333333;
	padding: 5px;
}

.hidden {
	display: none;
}

.boxBtn {
	text-align: center;
	margin-bottom: 20px;
}

.boxBtn input {
	width: 122px;
	height: 34px;
	background-image: url(/site/_share/bg_btn.png);
	font-weight: bold;
}


/* table */
.tableB {
	border: 1px solid #E6E6E6;
	margin-bottom: 20px;
	margin-left: 20px;
}


.tableB th {
	background-image: url(/site/_share/bg_stripe.gif);
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFEFEF;
	width: 110px;
	text-align: left;
	line-height: 120%;
}

.tableB td {
	background-image: url(/site/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 5px;
	font-size: 120%;
	line-height: 140%;
}

.tableB td b {
	color: #330033;
}

.tableB td p {
	width: 450px;
	margin-bottom: 5px;
	overflow:hidden; 
	zoom: 1; 
	margin-top: 5px;
}

.tableB td p:after { 
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}



/* crear */
.clearfix {
	overflow:hidden; 
	zoom: 1; 
}

.clearfix:after { 
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}