@charset "utf-8";

/****************************************************************************
　基本レイアウトCSS
--------------------------------------------------------
   Author : Yasuo Tominaga @ penpengusa
   Group : http://www.penpengusa.com
   Creation date : 2008.03.20
   Last up date   : 2008.06.17
****************************************************************************/

/*--------------------------------------------------------
　デフォルトテキストリンク設定
--------------------------------------------------------*/
body a{text-decoration: none;}
body a:link {color:#333;}
body a:visited{text-decoration: none; color:#333;}
body a:hover{text-decoration: underline; color:#004a1f;}
body a:active{text-decoration: none;}

*{ margin:0; padding:0; color:#333;}

body {
	width: 100%;
	background:url(../../common/bg.gif) 0 0 repeat;
}

h1 {
	width:840px;
	font-size:65%;
	text-align:right;
	margin: 15px auto 2px auto;
}

#wrapper {
	width: 854px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#Set {
	width: 854px;
	margin: 0 auto;
	background:url(../../common/bg_loop.gif) 0 0 repeat-y;
	padding: 10px 0 0 0;
}

#Main {
	clear:both;
	width: 800px;
	margin: 0 auto;
	padding: 0;
}
#Main img{
	vertical-align:bottom;
}



#Main .top{
	width: 776px;
	border:12px solid #004a1f;
	margin: 0;
	padding: 0;
}

#subNavi {
	border-bottom:1px dotted #004a1f;
}

#subMenu {
	width: 752px;
	height: 42px;
	background:url(../image/menu_loop.jpg) 0 0 repeat-x;
	margin: 0 auto;
	padding: 0;
}
#subMenu a img {
	margin: 0;
	padding: 0;
	float:left;
	vertical-align:bottom;
}
#subMenu img {
	margin: 0;
	padding: 0;
	float:left;
	vertical-align:bottom;
}


#Main div.setT {
	width: 182px;
	height: 337px;
	float: left;
	margin: 20px 0 10px 10px;
	text-align:center;
}

#Main div.setL {
	width: 272px;
	height: 332px;
	float: left;
	background:url(../image/index_01.jpg) 0 0 no-repeat;
	position: relative;
	margin: 10px 0 10px 25px;
	display:inline;
}
#Main div.setC{
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
}
#Main div.setR {
	width: 272px;
	height: 332px;
	float: left;
	background:url(../image/index_03.jpg) 0 0 no-repeat;
	position: relative;
	margin: 10px 0 10px 5px;
	display:inline;
}
div.M01 img{ position:absolute; bottom:15px; left:100px; }
div.M02 img{ position:absolute; bottom:15px; left:180px; }

/*　ロールオーバー明度設定　*/
.setL a:hover img, .setR a:hover img{
	opacity:0.6;
	filter: alpha(opacity=65);
}



/*--------------------------------------------------------
　通常枠設定
--------------------------------------------------------*/
#ContentsA {
	width: 736px;
	margin: 15px auto;
	position:relative;
}

#ContentsA img{
}

/*　ロールオーバー明度設定　*/
#ContentsA a:hover img{
	opacity:0.6;
	filter: alpha(opacity=65);
}

#ContentsA h4{
	width: 700px;
	background: url(../image/icon_clover.gif) left 2px no-repeat;
	padding-left: 23px;
	margin-bottom: 5px;
	font-size: 88%; 
	font-weight: bold;
}



/*--------------------------------------------------------
　余白無し設定
--------------------------------------------------------*/
#ContentsB {
	width: 776px;
	margin: 15px auto 0 auto;
}

#ContentsB img{
	float:left;
}

/*　ロールオーバー明度設定　*/
#ContentsB a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#ContentsB .SET{
	width: 776px;
	background-color:#9C0;
	margin: 0;
	padding: 10px 0 10px 0;
	text-align:center;
}

#ContentsB .FSET{
	width: 776px;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}


/* 0723追加分 */

#ContentsA h4{
	width: 700px;
	background: url(../image/exp_icon.gif) left 2px no-repeat;
	padding-left: 23px;
	margin-bottom: 5px;
	font-size: 88%; 
	font-weight: bold;
}

.keyshape{
	text-align:center;
}

.keyshape table{
	margin:0 auto;
}

.keyshape table td{
	padding:0 8px;
}

.keyname img{
	top:-9px;
	position:relative;
}

.keyname {
	width:400px;
}

.keyname input.txt{
	left:20px;
	position:relative;
}

*+html .keyname p input{
	top:10px;
	position:relative;
}

* html .keyname p input{
	top:10px;
	position:relative;
}