body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4,
form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}



body {
color:#000;
font-style:normal;
font-family:'メイリオ',Meiryo,"ＭＳ Ｐゴシック",Sans-Serif;
line-height:1.8;
text-align:center;
font-size:16px;
zoom:1;
background:url("img/bg.jpg");
}

/* ------ clearfix ------  */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;} /* For IE 6/7 (trigger hasLayout) */

br {letter-spacing:0;}
ul,li {list-style:none;}

img,
a img {
border:none;
text-decoration:none;
vertical-align:top;
line-height:0;
}
h4{
padding:5px 15px;
font-size:20px;
color:#fff;
background:#000;
border-bottom:1px solid #ccc;
text-align:left;
font-weight:bold;
margin-bottom:20px;
}


/* Hyper Link
--------------------------------------------  */
a:link    {color:#07c; text-decoration:underline;}
a:visited {color:#07c; text-decoration:underline;}
a:hover   {color:#d00; text-decoration:none;}
a:active  {color:#d00; text-decoration:none;}

#footer a:link    {color:#ccc; text-decoration:underline;}
#footer a:visited {color:#ccc; text-decoration:underline;}
#footer a:hover   {color:#f00; text-decoration:none;}
#footer a:active  {color:#f00; text-decoration:none;}

/*-画像オーバー指定--*/
a:hover img.overwhite{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}


/* Layout - block
--------------------------------------------  */
#header {
width:100%;
height:67px;
text-align:left;
line-height:1;
background:url(img/header_bg.jpg) repeat-x;
border-top:5px solid #4366ca;
border-bottom:1px solid #ccc;

}

.contents_wrap{width:960px; background:#fff;}
.wrap{width:976px; background:url("./img/bg_shade.png") repeat-y;}

/* ===============================================
▼フッターリンク
=============================================== */

#footer_link{
    padding-left:5px;
    font-size:100%;
}
#footer_link dl{
}

#footer_link dd{
float:left;
padding:0 0 0 10px;
margin-right:10px;
    background:url("../img/icon/footer_linkicon.png") no-repeat 0px 5px;
}
/* ==============================================
 フッター
=============================================== */
#footer_link{
	font-size:13px;
}

#footer_link a:link,
#footer_link a:visited {
    color: #EEE;
    text-decoration: none;
}
#footer_link a:link:hover,
#footer_link a[href]:hover {
    color: #ddd;
    text-decoration: none;
}
#pagetop a:link,
#pagetop a:visited {
    color: #EEE;
    text-decoration: none;
}
#pagetop a:link:hover,
#pagetop a[href]:hover {
    color: #ddd;
    text-decoration: none;
}
#footer_wrap {
    margin: 0 auto;
    padding-top:10px;
    width: 960px;
    height: 80px;
    background: #333;
}
#footer {
	font-size:11px;
    margin: auto;
    padding: 10px 20px;
    width: 920px;
}
#pagetop {
    width: 210px;
    float: right;
    text-align: right;
}
#copyright {
    width: 740px;
    float: left;
    text-align: left;
    font-size: 97%;
    color:#999;
}

#wrap{
margin:0 auto;
width:930px;
padding:50px 0 10px;
background:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
#form_wrap{
padding:0 0 50px;
margin:0 auto;
width:930px;background:url(img/side_bg.gif) repeat-y;
text-align:left;
}

.form_btn_box{
margin:0 auto 50px;
}


/* 会社概要 */
.company{
margin:0 auto;
width:860px;
padding:20px;
}

.company table{
margin-bottom:30px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.company th,.company td{
padding:20px;
vertical-align:top;
}
.company th{
background:#eee;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.company td{
text-align:left;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* ご購入フォーム */
.buy_form{
margin:0 auto;
width:860px;
padding:20px;
text-align:left;
}

.buy_form table{
margin-bottom:30px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.buy_form th,.buy_form td{
padding:10px 20px;
vertical-align:top;
}
.buy_form th{
background:#eee;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.buy_form td{
text-align:left;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.buy_form span{
font-size:12px;
}
.buy_form input{
padding:0.5em;
margin:0.1em 0.2em;
}

.buy_form b{
color:#990000;
}

/* --------------------------form */
#form_head {
width:900px;
margin:50px auto;
text-align:left;
}
#form_head .form_title {
margin:0 0 30px;
padding:5px 0 0 20px;
border-left:8px solid #629036;
font-size:30px;
}
#form_head p {
padding:0 1em;
font-size:90%;
letter-spacing:1px;
line-height:1.5;
}
#form_head p span {
color:#ff0000;
}
#form_head .domain {
width:300px;
margin:0 0 15px 20px;
padding:10px;
border:1px solid #ccc;
}

#form_head ul {
font-size:80%;
padding:0 0 0 2em;
}
#form_head li {
margin:0 0 0.5em;
text-indent:-1em;
line-height:1.5;
}

#form_body {
width:900px;
margin:0 auto 50px;
text-align:left;
}
#form_body input,
#form_body textarea {
padding:5px;
font-size:100%;
}
#form_body input {
margin-right:2px;
}
#form_body select {
margin-right:2px;
font-size:100%;
}
div.buy_form .s-btn {
text-align:center;
}
div.buy_form input[type="submit"] {
padding:10px 20px;
font-size:20px;
}

#form_body .form_info {
margin:0 0 10px;
color:#347208;
font-size:90%;
}

#form_body p {
padding:1em;
color:#ff0000;
font-size:13px;
line-height:1.7;
}


#form_body table {
width:100%;
border:1px solid #ced9e5;
}
#form_body th {
width:200px;
padding:10px;
background:#d6f0f9;
border:1px solid #ced9e5;
font-size:13px;
letter-spacing:1px;
font-weight:normal;
vertical-align:middle;
}
#form_body td {
padding:10px;
border:1px solid #ced9e5;
font-weight:normal;
}
#form_body td span {
font-size:12px;
}


/*フォームページ*/

#form_wrap table{
margin:0 auto 10px;
width:90%;
border-top:#999 solid 1px;
border-left:#999 solid 1px;
}

#form_wrap table th{
white-space:nowrap;
padding:10px;
font-size:14px;
text-align:center;
border-bottom:#999
solid 1px;
border-right:#999 solid 1px;
}
#form_wrap  table td{
padding:10px;
font-size:14px;
border-bottom:#999 solid 1px;
border-right:#999 solid 1px;
}

#form_wrap  table tr.tr01 th{ background-color:#E6E6E6;}
#form_wrap  table tr.tr02 th{ background-color: #CCC;}

#form_wrap  table tr.tr01 td{ background-color:#FBF6E1;}
#form_wrap  table tr.tr02 td{ background-color:#CDC8B0;}


#form_wrap  ul{ margin:0 0 10px 10px; list-style:none;}
#form_wrap  ul li{background:url(../../images/icon_plain.jpg) no-repeat left 2px; padding:0 0 0 14px; margin-bottom:5px;}

#form_wrap  input.size_s{ width:50px; margin-right:5px;}
#form_wrap  input.size_m{ width:250px; margin-right:5px;}
#form_wrap  input.size_l{ width:300px; margin-right:5px;}
#form_wrap  .size_max{ width:100%; height:150px;}
#form_wrap  input.size_redio{margin:0 5px 0 10px; padding:0;}

.input_coment{
font-size:10px;
color:red;
}