/* ------------------------------
   Shared design 
------------------------------ */
#container{
	margin:0 auto;
	width: 980px;
	overflow:hidden;
	background-image: url(../images/bg.gif);
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
/* ------------------------------
   Header 
------------------------------ */
#headerOuter{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-bottom: 2px solid #008837;
}
#header{
	margin:0 auto;
	width: 980px;
	overflow:hidden;
	background-color: #FFFFFF;
	height: 59px;
}
#header #logo_40th{
	float: left;
	padding: 9px 0px 5px 20px;
}
#header #logo{
		float: right;
	padding: 19px 20px 0px 0px;
}
/* ------------------------------
   Globalnavi
------------------------------ */
#globalnavi{
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}
/* ------------------------------
   Localnavi 
------------------------------ */
.localnavi {
	clear: both;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.localnavi p{
	float: left;
}
.localnavi:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.locallist {
	clear: both;
	width:660px;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}
.locallist:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.locallist ul {
	width:660px;
	margin: 0px;
	padding: 0px;
}
.locallist li {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px;
	border-right: 1px solid #999999;
	background-color: #FFFFFF;
	font-size: 80%;
}
.locallist p {
	float:left;
	margin: 0px;
	padding: 0px 10px;
	border-right: 1px solid #999999;
}
.locallist .first {
	display: inline;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px 10px;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}

/* ------------------------------
   Lftbox 
------------------------------ */
#lftbox{
	float:left;
	width: 240px;
	background-image: url(../images/lftbox_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ------------------------------
   Lftbox Osusume
------------------------------ */
#osusume-naviOuter{
	width: 203px;
	margin: 0px 20px 0px 17px;
	background-color: #FFFFFF;
	background-image: url(../images/osusume_bg.jpg);
}
#osusume-navi{
	width: 203px;
	margin: 0px 0px;
	padding-bottom: 7px;
	background-image: url(../images/osusume_bottom.jpg);
    background-repeat: no-repeat;
	background-position: left bottom;
}
#osusume-navi ul{
	margin: 0px 10px 0px 15px;
	padding: 0px 10px 0px 15px;
	list-style-image: url(../images/osusume_icon.jpg);
}
#osusume-navi li{
	margin-top: 7px;
}
/* ------------------------------
   Lftbox Banner
------------------------------ */
#banner-kyw{
	margin: 0px;
}
#banner-kyw p{
	margin: 8px 15px 8px 15px;
}
#banner-navi{
	margin: 0px;
}
#banner-navi p{
	margin: 2px 0px 2px 20px;
}
#btn-navi{
	margin: 10px 0px 0px 20px;
}
#btn-navi p{
	float:left;
	margin: 0px 2px 0px 0px;
}
#btn-navi_02 {
	margin: 10px 0px 0px 20px;
}
#btn-navi_02 p{
	margin: 2px 0px 2px 0px;
}
#banner-e-gr{
	margin: 0px 0px 0px 5px;
	padding: 15px 0px;
	width:230px;
	clear: both;
}
#banner-e-gr p{
	margin: 0px 15px;
	padding: 18px 0px;
	border-top: 1px solid #82B551;
}
/* ------------------------------
   Rgtbox 
------------------------------ */
#rgtbox {
	float:left;
	width:740px;
	background-image: url(../images/bg.jpg);
}
/* ------------------------------
   Contents
------------------------------ */
#contentsOuter {
	width: 714px;
	margin: 0px;
	padding:0px;
	border: 3px solid #ACCA80;
	background-image: url(../images/bg_contents.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#contents {
	width: 660x;
	margin: 0px;
	padding: 7px 27px;
	border-bottom: 1px solid #74AD27;
}
#document {
	padding: 20px 80px 20px 80px;
	clear: both;
}
#pagetop {
	margin: 30px 0px 10px 0px;
	padding: 0px;
	clear: both;
}
#document h1 {
	margin: 15px 0px 5px 0px;
	padding: 0px;
	font-size: 130%;
	line-height: 130%;
	font-weight: bold;
}
#document h2 {
	clear: both;
	margin: 15px 0px;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}
#document h3 {
	clear: both;
	margin: 10px 0px;
	padding: 0px;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}
#document h4 {
	margin: 10px 0px;
	padding: 0px;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}
#document p {
	line-height: 140%;
}
#pagetop {
	margin: 20px 0px 10px 0px;
	text-align: right;
}
#pagetop img {
	padding: 0px 5px 0px 0px;
}
/* ------------------------------
   Products-ad
------------------------------ */
#ad {
	clear: both;
	text-align: center;
}
/* ------------------------------
   Footer 
------------------------------ */
#footer-top{
	clear:both;
	background-image: url(../images/footer_illust.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 65px;
}
#footer-top img{
	margin-top: 25px;
}
#footerOuter{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #008837;
}
#footer{
	margin:0 auto;
	overflow:hidden;
	background-color:#FFFFFF;
	padding-top: 30px;
	clear:both;
}
#footlink{
	float: left;
	margin: 0px;
	width:682px;
}
#footlink p{
	float: left;
	margin: 0px 25px 0px 15px;
}
#copyright{
	float: left;
	margin: 0px;
	width:275px;
}

#pankuzu a{
	color:#1D3994;
	background-color: inherit;
	text-decoration: none;
}
#pankuzu a:active{ 
	color:#1D3994;
	text-decoration: underline;
	background-color: inherit;
}
#pankuzu a:visited{ 
	color:#1D3994;
	background-color: inherit;
}
#pankuzu a:hover{ 
	color:#1D3994;
	background-color: inherit;
	text-decoration: underline;
}
#pagetop a{
	color:#1D3994;
	background-color: inherit;
	text-decoration: none;
}
#pagetop a:active{ 
	color:#1D3994;
	text-decoration: underline;
	background-color: inherit;
}
#pagetop a:visited{ 
	color:#1D3994;
	background-color: inherit;
}
#pagetop a:hover{ 
	color:#1D3994;
	background-color: inherit;
	text-decoration: underline;
}
/* ------------------------------
   1box
------------------------------ */
.box1 {
	width:640px;
	padding: 0px;
	clear: both;
}
.box1:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
/* ------------------------------
   2box
------------------------------ */
.box2_type5-5 {
	float: left;
	padding: 10px 5px;
	width:305px;
}
.box2_type3-7 {
	float: left;
	padding: 10px 0px;
	width:640px;
}
.box2_type3-7 .left {
	float: left;
	padding: 10px 5px;
	width:220px;
}
.box2_type3-7 .right {
	float: left;
	padding: 10px 5px;
	width:400px;
}
.box2_type4-6 {
	float: left;
	padding: 10px 0px;
	width:640px;
}
.box2_type4-6 .left {
	float: left;
	padding: 10px 5px;
	width:260px;
}
.box2_type4-6 .right {
	float: left;
	padding: 10px 5px;
	width:340px;
}
.box2_type6-4 {
	float: left;
	padding: 10px 0px;
	width:640px;
}
.box2_type6-4 .right {
	float: left;
	padding: 10px 5px;
	width:280px;
}
.box2_type6-4 .left {
	float: left;
	padding: 10px 5px;
	width:340px;
}
/* ------------------------------
   3box
------------------------------ */
.box3_type3-3-3 {
	float: left;
	padding: 10px 0px;
	width: 213px;
}
/* ------------------------------
   List 
------------------------------ */
li {
	margin: 10px 0px;
	line-height: 140%;
}
#document ul{
	margin: 0px 10px 0px 15px;
	padding: 0px 10px 0px 15px;
	list-style-image: url(../images/icon_list.gif);
}
#document li{
	margin: 10px 0px;
}
#document .number{
	margin: 0px 10px 0px 15px;
	padding: 0px 10px 0px 15px;
	list-style-position: outside;
	list-style-type: decimal;
}
#document li .user_strong{
	font-size: 110%;
	font-weight: bold;
}
#document li .list-attention {
	margin: 10px;
	padding: 10px;
	list-style-position: outside;
	list-style-image: url(../images/icon_attention.gif);
}
/* ------------------------------
   Poduct_link
------------------------------ */
.product_link_lft {
	display:inline;
	margin: 10px 10px 10px 0px;
	text-align: center;
	float: left;
}
.product_link_rgt {
	display:inline;
	margin: 10px 0px 10px 10px;
	text-align: center;
	float: right;
}
/* ------------------------------
   Profile 
------------------------------ */
.profile_pht210 {
	padding: 0px;
	width:640px;
}
.profile_pht210:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.profile_pht210 .left {
	float: left;
	padding: 0px;
	width:230px;
}
.profile_pht210 .right {
	float: left;
	padding: 10px 5px;
	width:400px;
	background-color: #FDFDE1;
}
.profile_pht210 .right p {
	margin: 10px 15px;
}
.profile_pht280 {
	padding: 0px;
	width:640px;
}
.profile_pht280:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.profile_pht280 .left {
	float: left;
	padding: 0px;
	width:300px;
}
.profile_pht280 .right {
	float: left;
	padding: 10px 5px;
	width:330px;
	background-color: #FDFDE1;
}
.profile_pht280 .right p {
	margin: 10px 15px;
}
/* ------------------------------
   Point
------------------------------ */
#rgtbox .point {
	margin: 10px 0px;
	clear: both;
}
#rgtbox .point p {
	float:left;
	margin-right: 20px;
}
/* ------------------------------
   Hintbox
------------------------------ */
#hintbox {
	clear: both;
	height:1%;
	padding: 10px;
	border: 1px solid #FFCC00;
	margin: 20px 0px;
}
#hintbox:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#hintbox #left {
	float:left;
	width:405px;
	background-image: url(../images/hintbox_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#hintbox #right {
	float:left;
	width:232px;
}

/* ------------------------------
   Other
------------------------------ */
.float_lft {
	float: left;
	padding: 0px 10px 10px 0px;
}
.float_rgt {
	float: right;
	padding: 0px 0px 10px 10px;
}
.float_lft_pht {
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
.float_rgt_pht {
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	clear: both;
}
.center {
	text-align: center;
}
.clear0 {
	clear: none !important;
}
.clearflt {
	clear:both;
}
.skip {
	position:absolute;
	left:-3000px;
	width:1px;
}
.btn{
	padding: 10px 0px;
	text-align: center;
}
.btn input{
	margin: 0px 3px;
}
.user_red {
	color: #FF0000;
	margin: 15px 0px;
}
.user_small {
	font-weight: normal;
	font-size: 90%;
	margin: 15px 0px;
}
.user_big {
	font-weight: normal;
	font-size: 120%;
}
.user_indent {
	margin: 10px 0px 10px 1em;
	text-indent: -1em;
}
.warning {
	margin: 5px 0px;
	padding: 2px 0px 2px 23px;
	background-image: url(../images/icon_attention.gif);
	background-repeat: no-repeat;
	color: #FF0000;
	font-size: 90%;
	line-height: 100%;
}
.photo {
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
.flash {
	margin: 0px;
}
/* ------------------------------
   Margin
------------------------------ */
.margin0 {
	margin: 0px !important ;
}
.margin-top10 {
	padding-top: 10px !important ;
}
.margin-top20 {
	padding-top: 20px !important ;
}
.margin-top30 {
	padding-top: 30px !important ;
}
.margin-top40 {
	padding-top: 40px !important ;
}
.margin-right10 {
	margin-right: 10px !important ;
}
.margin-right20 {
	margin-right: 20px !important ;
}
.margin-left-9 {
	margin-left: -9px !important ;
}
.margin-left-12 {
	margin-left: -12px !important ;
	position:relative;
	z-index:1;
}