/*-------------------------------------------------
COMMON
-------------------------------------------------*/

body{
font-family:"MS ゴシック",Tahoma;
margin: 0px;
padding:0px;
text-align:center;
color:#818181;
background-position: center;
background-position: top;
background-image:url("img/back.gif");
background-repeat: no-repeat;
}

img { border-width:0; }


#wrapper {
width:820px;
margin:0;
margin-left: auto;
margin-right: auto;
text-align:left;
}

#center {
width:415px;
float:right;
}


#center h2 a{
text-decoration:none;
color:#818181;
}

#center h2 a:hover{
color:#FFF;
background-color:#000;
}

#l-bar {
width:405px;
float:left;
}

#l-bar h1{
font-size:x-small;
width:150px;
margin-left:130px;
}

.left {
float:left;
margin-right:25px;
margin-bottom:5px;
}

.right {
float:right;
margin-left:25px;
margin-bottom:5px;
}


/*-------------------------------------------------
CENTER
-------------------------------------------------*/
.centerarea1 {
margin:0 0 56px 0;
padding:0px 7px 5px 7px;
background-color:#F1E6D0;
border-width:0 1px 1px 1px;
border-style: solid; /* 枠の種類 */
border-color: #BCBBB6; /* 枠の色 */
}

.centerarea1 h2{
font-weight:600;
font-size:small;
margin:0;
}

.centerarea1_2 {
margin:0 0 2px 0;
padding:0px 7px 90px 7px;
background-color:#F1E6D0;
border-width:0 1px 1px 1px;
border-style: solid; /* 枠の種類 */
border-color: #BCBBB6; /* 枠の色 */
}

.centerarea1_3 {
text-align:center;
margin:0 0 2px 0;
padding:20px 7px 20px 7px;
background-color:#F1E6D0;
border-width:0 1px 1px 1px;
border-style: solid; /* 枠の種類 */
border-color: #BCBBB6; /* 枠の色 */
}

.centerarea2 {
margin:0;
padding:5px 7px 5px 7px;
background-color:#F1E6D0;
border-width:1px 1px 0 1px;
border-style: solid; /* 枠の種類 */
border-color: #BCBBB6; /* 枠の色 */
}

.centerarea2 h2{
font-weight:600;
font-size:small;
margin:0;
}

.title {
margin:30px 0 0 0;
}

.date {
font-size:x-small;
color:#FC211D;
float:right;
text-align:right;
margin:0;
}

.date2 {
font-size:x-small;
color:#FC211D;
text-align:right;
margin:0;
}


.centerarea2 h3{
font-size:small;
color:#515151;
font-weight:600;
margin:0;
}

.centerarea2 h3 a{
text-decoration:none;
color:#515151;
padding:0 4px;
margin:0;
}

.centerarea2 h3 a:hover{
color:#FFF;
background-color:#000;
}

.centerarea2 h4{
font-size:small;
color:#515151;
font-weight:600;
margin:15px 0 0 0;
border-width:0 0 1px 0;
border-style: solid; /* 枠の種類 */
border-color: #BCBBB6; /* 枠の色 */
}

.centerarea2 h5{
font-size:x-small;
font-weight:300;
color:#515151;
margin:0 0 10px 0;
}

.text{

margin:0;
padding:15px 7px;
color:#515151;
background-color:#FFF;
border-width:1px;
border-style: solid; /* 枠の種類 */
border-color: #BCBBB6; /* 枠の色 */

}


.text p{
margin:10px 0 20px 0;
padding:0;
font-size:x-small;
line-height:1.4em;
}

.text p a{
text-decoration:none;
color:#FC211D;
}

.text p a:hover{
color:#FFF;
background-color:#000;
}

.text_top {
width:390px;
margin:0;
padding:40px 7px 0 0px;
line-height:1.2em;
}

.text_top p {
margin:0;
padding:0;
font-size:x-small;
}

.copyright {
text-align:center;
font-size:x-small;
padding-top:5px;
color:#515151;
}

.link {
font-size:x-small;
clear:both;
margin:5px 0 5px 0;
text-align:right;
}

.link a{
text-decoration:none;
color:#FC211D;
padding:0 10px;
background:url("img/arrow.gif") no-repeat 0% 50%;
background-color:#fff;
}

.link a:hover{
background:url("img/arrow2.gif") no-repeat 0% 50%;
color:#FFF;
background-color:#000;
}

.list {
margin:0 0 15px 0;
font-size:x-small;
color:#FC211D;
}

.list a{
font-size:x-small;
color:#515151;
text-decoration:none;
}

.sub_title h2{
font-size:x-large;
font-weight:300;
color:#515151;
margin:0;
}

.spec {
margin:7px 0 0 0;
font-size:x-small;
}

.spec2 {
float:left;
font-weight:600;
width:50px;
}

/*-------------------------------------------------
l-bar
-------------------------------------------------*/
.logo_base {
margin:150px 0 0 0;
}

.logo_base a{
background: url("img/logo.gif") 0 0 no-repeat;
text-decoration: none;
text-indent:-9999px;
display: block;
width: 116px;
height:106px;
float:left;
}

.navi {
margin:150px 0 0 0;
}

.navi ul{
width:200px;
list-style-type: none; 
margin:0;
padding:0px;
}

.navi ul li a{
text-decoration:none;
color:#515151;
font-size:small;
font-weight:600;
margin-top:2px;
padding:0;
}

.navi ul li a:hover{
color:#FFF;
background-color:#000;
font-size:small;
font-weight:600;
}

.navi2 {
margin:30px 0 0 0;
}

.navi2 ul{
width:200px;
list-style-type: none; 
margin:0;
padding:0px;
}

.navi2 ul li a{
text-decoration:none;
color:#515151;
font-size:small;
font-weight:600;
margin-top:2px;
padding:0;
}

.navi2 ul li a:hover{
color:#FFF;
background-color:#000;
font-size:small;
font-weight:600;
}


.product {
margin:50px 0 0 0;
}

.product ul{
width:200px;
list-style-type: none; 
margin:0;
padding:0px;
}

.product ul li a{
text-decoration:none;
color:#515151;
font-size:small;
margin-top:2px;
padding:0 10px;
background:url("img/arrow.gif") no-repeat 0% 50%;
}

.product ul li a:hover{
background:url("img/arrow2.gif") no-repeat 0% 50%;
color:#FFF;
background-color:#000000;
}

.mtp {
width:250px;
margin:50px 0 0 0;
}

.mtp a{
font-size:small;
color:#515151;
text-decoration:none;
padding:0 5px;
}

.mtp a:hover{
background-color:#000;
color:#FFF;
padding:0 5px;
}

span.mtp2 {
font-weight:600;
font-size:small;
padding-right:5px;
}

.btn {
margin:15px 0 0 0;
}

/* UL for main navigation */
#small_btn {
	margin: 0;
	padding: 0;
	background: url(img/btn.gif) no-repeat;
	width: 159px;
	height: 13px;
	position: relative;
	}


/* LI for main navigation */
#small_btn li {

	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#small_btn li, #small_btn a {
	height: 13px;
	display: block;
	}

/* Modified Phark Image Replacement Technique */
#small_btn a {
	text-indent: -5000px;
	text-decoration: none;
	}

/* CSS Sprites Technique from Dave Shea, Mezzoblue */
#sbtn_1 {left: 0px; width: 41px;}
#sbtn_2 {left: 49px; width: 57px;}
#sbtn_3 {left: 114px; width: 45px;}

#sbtn_1 a:hover, #sbtn_1 a:visited:hover { background: transparent url(img/btn.gif) 0px -13px no-repeat;}
#sbtn_2 a:hover, #sbtn_2 a:visited:hover { background: transparent url(img/btn.gif) -49px -13px no-repeat;}
#sbtn_3 a:hover, #sbtn_3 a:visited:hover { background: transparent url(img/btn.gif) -114px -13px no-repeat;}

/*-------------------------------------------------
Search
-------------------------------------------------*/

.q_title {
margin:2px 0 0 0;
}

.q_title2 {
margin:2px 0 10px 0;
}

/*-------------------------------------------------
MAIL FORM
-------------------------------------------------*/

.mailform-open-data {
margin-bottom:10px;
}


.mailform-open-data2 {
clear:both;
padding-top:10px;
}


.mailform-open-data span{
color:#FF0025;
}

.mailform-open-data textarea{
font-size:x-small;
}

.form_title {
font-size:x-small;
float:left;
width:90px;
}

.form_input {
font-size:x-small;
margin-left:90px;
}

.form_input2 {
font-size:x-small;
margin-left:90px;
width:100px;
}


#mailform-open-footer {
text-align:center;
margin:10px;
}

.mail_error {
color:#FF0025;
font-weight:600;
font-size:small;
}