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

body {
	font-size: 10pt ;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	line-height: 150%;
	background:url("img/bg.gif") center top repeat-x #f0eef2;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#4D4D4D;
}

html { 
　　　filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

a {
    color: #964ae2;
	text-decoration: underline;
}

a:hover {
	color: #b073ee;
	text-decoration: underline;
}

img {
	border: 0;
    vertical-align:bottom;
}

img a{
	border: none;
}

.right{
	text-align:right;
}

.st1{
	font-size:11pt;
	font-weight:bold;
	color:#222;
}

.st2{
	font-weight:bold;
	color:#333;
	margin:0 0 5px 0;
}

.st3{
	color:#59840b;
	font-weight:bold;
	border:1px solid #85b72a;
	padding:5px 10px;
	font-size:15px;
}

.sm1{
	font-size:9px;
	vertical-align: super;
}

.sm2{
	font-size:9px;
	vertical-align: sub;
}

.red{
	color:#ff0000;
}

/*-----------------------------
　　全体枠
-----------------------------*/

#all{
	width:950px;
	margin:0 auto;
	text-align:center;
}

/*-----------------------------
　　ヘッダー
-----------------------------*/

#header{
	width:950px;
	height:360px;
	background:url("img/header.jpg");
	margin: 0;
	position:relative;
}

h1{
	font-size:10px;
	font-weight:normal;
	color:#b088da;
	position:absolute;
	top:20px;
	right:0px;
}

.logo a{
	position:absolute;
	top:25px;
	left:0px;
	display:block;
    width:140px;
    height:70px;
    background-image:url("img/logo.jpg");
	text-indent:-9999px;
}

.logo a:hover {
	background-position: 0 -70px;
}


/*メニューボタン*/
ul.headerMenu{
    width:950px;
    height:35px;
    position: absolute; 
    top: 46px; 
	right:0px;
    padding:0;
	margin:0;
}

ul.headerMenu li{
    list-style:none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	float:right;
    display: block;
    overflow:hidden;
	margin:0
}

ul.headerMenu li.button1 a {
    display:block;
    width:100px;
    height:60px;
    background-image:url("img/h_menu1.gif");
}

ul.headerMenu li.button2 a {
    display:block;
    width:100px;
    height:60px;
    background-image:url("img/h_menu2.gif");
}

ul.headerMenu li.button3 a {
    display:block;
    width:100px;
    height:60px;
    background-image:url("img/h_menu3.gif");
}

ul.headerMenu li.button4 a {
    display:block;
    width:100px;
    height:60px;
    background-image:url("img/h_menu4.gif");
}

ul.headerMenu li.button5 a {
    display:block;
    width:170px;
    height:60px;
    background-image:url("img/h_menu5.gif");
}

ul.headerMenu li.button6 a {
    display:block;
    width:170px;
    height:60px;
    background-image:url("img/h_menu6.gif");
}

ul.headerMenu li a:hover {
	background-position: 0 -60px;
}

/*-----------------------------
　　メインコンテンツ
-----------------------------*/

#content{
	width:950px;
	position: relative;
    overflow: hidden;
	background:#fff;
}

#contentFrame{/*910*/
	padding:20px;
}

/*2カラム*/
#conL{
	float:left;
	width:240px;
	padding:10px 10px 0 0;
}

#conR{
	float:right;
	width:660px;
}


.img1{
	margin:0 0 10px 0;
}

/*TOP*/
.topFrame1{
	width:260px;
	float:left;	
}

.topFrame2{
	width:260px;
	float:left;	
	margin:0 0 0 10px;
}

.topFrame3{
	width:370px;
	float:left;	
	margin:0 0 0 10px;
}

.topConM1{
	padding:10px 15px;
	text-align:left;
	background:#fff;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
}

.topConM2{
	padding:10px 15px 15px 15px;
	text-align:left;
	background:#f9f9f9;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	line-height: 165%;
}

.topConM3{
	margin:10px 0 0 0;
	padding:25px;
	text-align:left;
	background:#fff;
	border:1px solid #ddd;
	line-height: 165%;
}

.topConM2 a{
    color: #964ae2;
	text-decoration: none;
}

.topConM2 a:hover{
    color: #964ae2;
	text-decoration: underline;
}

.icon1{
	padding:0 0 0 16px;
	background:url("img/icon1.gif") no-repeat left center;
}

.topConM1 a{
	color:#4D4D4D;
	text-decoration: none;
	font-size:11px;
}

.topConM1 a:hover{
	color:#666;
	text-decoration: underline;
}

.icon2{
	padding:0 0 0 12px;
	background:url("img/icon2.gif") no-repeat left center;
}

.news{
	border-bottom:1px dotted #ccc;
	padding:5px 0;
}

.table1{
	width:660px;
	background:#ccc;
	margin:10px 0 0 0;
}

.td1{
	width:120px;
	background:#f5f5f5;
	padding:7px 15px;
}

.td2{
	background:#fff;
	padding:7px 20px;
	text-align:left;
}

.td3{
	background:#eee;
	color:#333;
	padding:7px 20px;
	text-align:left;
	font-weight:bold;
}


/*-----------------------------
　　サイド
-----------------------------*/

ul.sideMenu li{
    list-style:none;
	text-indent: -9999px;
	background-repeat: no-repeat;
	float:right;
    display: block;
    overflow:hidden;
	margin:0 0 5px 0;
}

ul.sideMenu li.sideButton1 a {
    display:block;
    width:240px;
    height:40px;
    background-image:url("img/side_button1.gif");
}

ul.sideMenu li.sideButton2 a {
    display:block;
    width:240px;
    height:40px;
    background-image:url("img/side_button2.gif");
}

ul.sideMenu li.sideButton3 a {
    display:block;
    width:240px;
    height:40px;
    background-image:url("img/side_button3.gif");
}

ul.sideMenu li.sideButton4 a {
    display:block;
    width:240px;
    height:40px;
    background-image:url("img/side_button4.gif");
}


/*-----------------------------
　　フッター
-----------------------------*/

#footer{
	width:100%;
	height:150px;
	background:url("img/footer_bg.gif");
	margin: 0 auto;
	clear:both;
	position:relative;
	text-align:center;
}

.footerFrame{
	width:950px;
	height:150px;
	margin: 0 auto;
	text-align:center;
	background:url("img/footer.gif") no-repeat center;
}

.footerMenu{
	text-align:left;
	color:#ccc;
	padding:60px 0 0 0;
}

.footerMenu a{
	color:#4d4d4d;
	text-decoration: none;
}

.footerMenu a:hover{
	color:#666;
	text-decoration: underline;
}

/*-----------------------------
　　メールフォーム
-----------------------------*/

.formtable {
	width: 700px;
	border-top: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	margin: 0px;
	padding: 0px;
	color: #555;
}

th.label {
	width: 200px;
	background-color: #f5f5f5;
	padding:10px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dddddd;
	font-weight:normal;
}

td.koumoku {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #dddddd;
	padding:10px 15px;
}

th em.must {/*入力必須項目印*/
	color: #FF0000;
	padding-left: 5px;
}

.send_kakunin{
	margin:20px 0 0 0;
}

th em.check {
	color: #666666;
	padding-left: 5px;
}

.error {
	margin : 0px;
	color: #FF0000;
	font-weight:bold;
}

select {
	border: 1px solid #CCCCCC;
	background-color: #F3F3F3;
}

.confirm {
	text-align: left;
	margin-top: 15px;
}