@charset "shift_jis";

/*------全体設定-------*/
* {margin: 0;padding: 0;font-size: 12px;font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;line-height: 1.4;color: #333333;}
body {text-align: center;margin:auto;background-image:url(http://deepeasy.com/css/index5/header2.jpg);background-repeat:repeat-x;}
img{border: 0;}
div,ul,li,p,form,input {margin: 0px;padding: 0px;}

/*-----サブページ----*/
dt{font-weight: bold;color: #093;margin: 5px; padding: 3px 0px 2px 16px;}
div.sub{width:850px; background:#FFF;}



/*------------ヘッダー関連----------*/
#head {width: 100%;height: 90px;}
#head span{position: absolute;margin:auto;font-weight:bold;text-align:center;top:60px;}
/*オペラ用ハック　一部ブラウザで枠がでかくなる*/
*+html:first-child #head span{width:2100px;}



/*----------ヘッダー部分　外枠よりも外----------*/
h1{font-size:24px;height:90px;background:url(http://deepeasy.com/css/index5/easylogo.gif) no-repeat center;text-indent:-9999px;margin:0;padding:0;}
h1 a{display:block;width:100%;height:90px;background:url(http://deepeasy.com/css/index5/easylogo.gif) no-repeat center;}
/*使うか微妙*/
h2.h2-sub{font-size:14px;}
h2.h2-sub{display:none;}


/*--------リンク------*/
a:link {color: #666;text-decoration: none;}
a:visited {color: #666;text-decoration: none;}
a:hover {text-decoration: underline;color:#FF0000; }
a:active {color: #666;text-decoration: underline;}



/*-------枠ぐみ-------*/
#outline {width: 850px;margin: auto;text-align: left;margin-top:20px;}
#outline p{height:20px;font-weight:bold;width:850px;background-image:url(http://deepeasy.com/css/index5/p-new.jpg);padding-top:5px;}
#outline h2{clear:both;font-weight: bold;text-align: left;height:20px;width:840px;background-image:url(http://deepeasy.com/css/index5/oline-h2.jpg);padding-top:5px;padding-left:10px;}
#outline em{font-weight:bold;font-style:normal;padding-left:10px;color:#060;}
#top {height:20px;font-weight:bold;width:850px;padding-top:5px;}



/*-------枠ぐみ-------ヴァルキュリアのみ使用*/
.out {clear:both;width: 850px;margin: auto;text-align: left;margin-top:20px;}
.out p{height:20px;font-weight:bold;width:850px;background-image:url(http://deepeasy.com/css/index5/p-new.jpg);padding-top:5px;}
.out h2{clear:both;font-weight: bold;text-align: left;height:20px;width:840px;background-image:url(http://deepeasy.com/css/index5/oline-h2.jpg);padding-top:5px;padding-left:10px;}
.out em{font-weight:bold;font-style:normal;padding-left:10px;color:#060;}


/*--関連商品--ヴァルキュリアのみ使用*/
#abbox{width:850px; padding-bottom:5px;}
#abox{width:140px;float:left; text-align:center;}
#bbox {width:710px;float:right;}
#bbox h3 {font-weight: bold;text-align: left;height:20px;width:700px;padding-top:5px;padding-left:10px; background:url("http://deepeasy.com/css/index5/index5-g-title.jpg");}


/*-------項目、リスト関連---------*/
.list {width: 170px;padding: 0px 5px;float: left;background: #fff;height:630px;}
.list h3 {margin: 2px 4px;padding: 0px 0px 0px 5px;color: #060;font-weight: bold;text-align: left; border-bottom:dotted #999 1px;}
.list ul {list-style-type: none;margin: 0px 0px 8px 10px;padding: 0px;padding-bottom:10px;}
.list li {margin: 2px 0px;padding: 0px;display:block;background-color:#FFF;}
.list li a {list-style-type: none;padding: 0px 0px 0px 16px;width:170px;background: url('http://deepeasy.com/img/arm.gif') no-repeat 5px;}
.list li a:hover {list-style-type: none;padding: 0px 0px 0px 16px;width:170px;background: url('http://deepeasy.com/img/argm.gif') no-repeat 5px;}


/*-------項目、リスト関連---------ヴァルキュリア*/
.listv {width: 170px;padding: 0px 5px;float: left;background: #fff; height:1200px;}
.listv h3 {margin: 2px 4px;padding: 0px 0px 0px 5px;color: #060;font-weight: bold;text-align: left; border-bottom:dotted #999 1px;}
.listv ul {list-style-type: none;margin: 0px 0px 8px 10px;padding: 0px;padding-bottom:10px;}
.listv li {margin: 2px 0px;padding: 0px;display:block;background-color:#FFF;}
.listv li a {list-style-type: none;padding: 0px 0px 0px 16px;width:170px;background: url('http://deepeasy.com/img/arm.gif') no-repeat 5px;}
.listv li a:hover {list-style-type: none;padding: 0px 0px 0px 16px;width:170px;background: url('http://deepeasy.com/img/argm.gif') no-repeat 5px;}


/*アドセンス　5列目*/
.ad {width: 130px;text-align: right;background: #fff;float: right;}

/*アドセンス*/
.valad {width: 850px;text-align: left;background: #fff;float: left;}



/*--------フッダー関連----------*/
#foot {margin:auto;height: 100px;width:100%;background-image:url(http://deepeasy.com/css/index5/footer2.jpg);padding:5px 0 0 0;}

#foot p{margin:auto;width:850px;text-align:left;}
/*IE7用*/
*+html body #foot p{margin:0 0 0 0;}
/*IE用*/
* html body #foot p{margin:0 0 0 0;}
/*オペラ用*/
*+html:first-child #foot p{margin:auto;}


/*-------バリュークリック広告---------*/
#footvc{clear:both;width:850; text-align:center; padding:10px 0 10px 0;}
#footvcc{width:850; text-align:center; padding:10px 0 10px 0;}


/*-------メールフォーム　mail.php　ページ内---------*/
#mail {width: 850px;margin: auto;text-align: left;margin-top:20px; height:630px;}
#mail h2{font-weight: bold;text-align: left;height:20px;width:840px;background-image:url(http://deepeasy.com/css/index5/oline-h2.jpg);padding-top:5px;padding-left:10px;}
#mail h3 {margin: 2px 4px;padding: 5px 0px 0px 5px;color: #060;font-weight: bold;text-align: left; border-left:double 3px #009933;}

/*-------メールフォーム　inp.html　ページ内---------*/
#inp {width: 850px;margin: auto;text-align: left;margin-top:20px; height:900px;}
#inp h2{font-weight: bold;text-align: left;height:20px;width:840px;background-image:url(http://deepeasy.com/css/index5/oline-h2.jpg);padding-top:5px;padding-left:10px;}
#inp h3 {margin: 2px 4px;padding: 5px 0px 0px 5px;color: #060;font-weight: bold;text-align: left; border-left:double 3px #009933;}



/*-------各ページのテーブル---------*/
thead{background-color: #cf9;font-size:13px;}
tbody{background-color:#fff;border-width: 0px;border-style: solid;font-size:13px;}


table{background-color:#666666;border-collapse:separate;border-spacing:1px;margin:0px 10px 15px 10px;}
th,td{padding:3px;}
th{font-weight:100;text-align:left;background-color:#666666;color:#ffffff;border-top:1px solid #bbbbbb;border-left:1px solid #999999;border-right:1px solid #555555;border-bottom:1px solid #444444;}

.th1		{background-color:#336677;
		color:#ffffff;
		padding:5px 10px;
		border-top:1px solid #88bbee;
		border-left:1px solid #6699cc;
		border-right:1px solid #225566;
		border-bottom:1px solid #225566;}
.th2		{background-color:#77bbee/*#55cc99*/;
		color:#ffffff;
		padding:3px 13px;
		border-top:1px solid #bbddff;
		border-left:1px solid #aaddff;
		border-right:1px solid #5588cc;
		border-bottom:1px solid #4477bb;}

td		{background-color:#ffffee;
		border-top:1px solid #ffffff;
		border-right:1px solid #eeddbb;
		border-bottom:1px solid #eeddbb;
		border-left:1px solid #ffffff}

.td1		{background-color:#aaeecc;
		border-top:1px solid #ddffee;
		border-left:1px solid #ddffee;
		border-right:1px solid #99ccaa;
		border-bottom:1px solid #99ccaa}
.td2		{background-color:#eeeedd;
		border-top:1px solid #ffffee;
		border-right:1px solid #cccc99;
		border-bottom:1px solid #ddccbb;
		border-left:1px solid #ffffee}
.td3		{background-color:#dddddd;
		border-top:1px solid #ffffff;
		border-right:1px solid #cccccc;
		border-bottom:1px solid #bbbbbb;
		border-left:1px solid #eeeeee}
.td4		{background-color:#ddddff;
		border-top:1px solid #eeeeff;
		border-right:1px solid #aaaacc;
		border-bottom:1px solid #aaaacc;
		border-left:1px solid #eeeeff;}
.td5		{background-color:#ddeeff;
		border-top:1px solid #eeeeff;
		border-right:1px solid #bbccdd;
		border-bottom:1px solid #bbccdd;
		border-left:1px solid #eeffff;}
.td6		{background-color:#eeffdd;
		border-top:1px solid #eeffee;
		border-right:1px solid #bbddcc;
		border-bottom:1px solid #bbddcc;
		border-left:1px solid #eeffff;}

/*ショップデーター*/
.clear {clear: both;}
.flo_l {float: left;}