@import "http://";
@charset "UTF-8";

/***** default styles
*******************************************/

body {
	font-size: 13px;
	*font-size: 13px; /* IE7 */
	*font: 13px; /* IE6 */
}

* {line-height: 1.6;font-size: 100%;}


/***** text styles
*******************************************/

.style4 {
	font-size: 15px;
	font-weight: bold;
	color: #FF7200;
}
.style5 {color: #FF7200}
.style6 {
	font-size: 14px;
	color: #FFFFFF;
}

.style7 {color: #3399FF}

.style8 {color: #0099FF}

html {
	padding: 0;
	margin: 0;
}

body {
	text-align: center;
	color: #5D5D5D;
	margin:0 auto;
	padding:0;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
}


p {
	line-height: 1.9;
	text-align: justify;
	text-justify: distribute;
}


p, ul, ol, dl, table, pre {
	font-size: 100%;
	letter-spacing: 0.02em;
}

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

a:link.T1{
  color: #FFFFFF;
  text-decoration: none;
  }
a:visited.T1{
  color: #FFFFFF;
  text-decoration: none;
  }
a:hover.T1,a:active.T1{
  color: #FFFFFF;
  text-decoration: underline;
  }

.T1 {
 color: #FFFFFF;
  FONT-SIZE: 10px;font-weight: bold;}
.bold_s {  font-size: 10pt; font-weight: bold; color: #AFAFAF}



/* --- Dottedスタイル --- */
.separator1 {
height: 1px;
border: none;
border-top: 2px #5D5D5D dotted; /* 枠線 */
}


/***** Link styles
*******************************************/

#out a {text-decoration: none;}

#out a:link {
	color: #337ED2;
	border-bottom: 0px solid #56AEE1;
}

#out a:visited {
	color: #56AEE1;
	border-bottom: 0px solid #56AEE1;
}

#out a:hover {
	color: #337ED2;
	border-bottom: 0px solid #337ED2;
}

/***** layout styles
*******************************************/


#out {
	margin:0 auto 10px auto;
	text-align: left;
	width:850px;
}



#head {
	letter-spacing: 0.1em;
	text-align: left;
	margin:0px auto 0px auto;
	padding:25px;
	background: url("image/1.gif");
}

#menu  {
	text-align:right;
	font-size:87%;
	color:#CCCCCC;

}

h1 {
	font-size: 22px;
	font-weight: bold;
	margin:0 0 0px 0;
	padding:0;
}

h2 {
	font-size: 13px;
	font-weight:normal;
	margin:0;
	padding:0;

}

h3 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 0 10px;
	border-left: 3px solid #cccccc;
}

h4 {
	font-size: 130%;
	font-weight:normal;
	margin:2.5em 0 1em 0;
	padding:0 0 5px 10px;
	border-bottom: 1px solid #cccccc;
}


h5{
padding:5px 0 5px 5px;
margin:20px 0 5px 0;
border-left:#ff6600 8px solid;
border-bottom:#ff6600 1px solid;
font-size: 13px;
font-weight: bold;
color:#666666;
}


#main{
	letter-spacing: 0.1em;
	font-size: 110%;
	margin:0 2em;
	line-height: 1.9;
}

#main ul {
	margin:0 5px 5px 0;
	padding: 3px;
	list-style: circle;
}

#main li {
	margin: 0.5em 0 0.5em 1.5em;
	letter-spacing: 0.02em;
	padding: 0.3em 0 0.3em 0.1em;
}


#footer {
	margin: 1em 0 0 0;
	padding: 2em 0;
	background-color:#E3E3E3;
	line-height: 1.9;
	text-align: center;
	letter-spacing: 0.1em;
}

.copyright {
	font-size: 75%;
	margin: 0 15px 0 0;
	padding: 10px 0 20px 0;
	text-align: right;
	color:#888888;
	letter-spacing: 0.1em;
}



.copyright a:link,a:visited,a:hover {
	color: #888888;
	border-bottom:none;
	text-decoration: none;
}


p.foud { font: normal normal normal 100%/150% ,sans-serif; }

/***** layout table
*******************************************/
.rogo_space table {
width: 50%;
height: 5%;
border: 0 #cccccc solid;
border-collapse: collapse;
}

.example td {
border: 0 #cccccc solid;
padding: 0px 0px;
text-align: left;
vertical-align: middle;
}


.example table {
width: 850px;
height: 40px;
border-collapse: collapse;
}

.example td {
border: 1 e3e3e3 solid;
padding: 5 3;
text-align: center;
vertical-align: middle;
}


.example2 table {
width: 100%;
border: 0 #000000 solid;
border-collapse: collapse;
font-size:13px;
}

.example2 td {
border: 0 #000000 solid;
}

.example_menu table {
width: 98%;
height: 200px;
border: 0 #e3e3e3 solid;
border-collapse: collapse;
}

.example_menu td {
border: 1 #e3e3e3 solid;
padding: 3 5;
text-align: left;
vertical-align: middle;
}

.example_syouhin table {
width: 100%;
height: 100%;
border: 1px #cccccc solid;
border-collapse: collapse;
}

.example_syouhin td {
border: 1px #cccccc solid;
padding: 5px 5px;
text-align: center;
vertical-align: middle;
}



.example_syouhin2 table {
width: 100%;
height: 100%;
border: 0 #000000 solid;
border-collapse: collapse;
}

.example_syouhin2 td {
border: 0 #000000;
padding: 1 1;
text-align: center;
vertical-align: middle;
}



.example_companytitol table {
width: 100%;
height: 20px;
border: 0 #000000 solid;
border-collapse: collapse;
background-image:url(image/img_company_back.gif);
}


.example_companytitol td {
border: 1 #000000;
padding: 1 1 0 13;
text-align: left;
color:#FF7200;
font-weight:bold;
font-size:13px;
vertical-align: middle;
}




.space table {
width: 100%;
height: 8px;
border: 0 #cccccc solid;
border-collapse: collapse;
}

.space td {
border: 0 #cccccc solid;
padding: 0px 0px;
text-align: center;
vertical-align: middle;
}


.foud table {
width: 100%;
height: 50px;
border: 1px #cccccc solid;
border-collapse: collapse;
font-size:13px;
}

.foud td {
border: 1px #cccccc solid;
padding: 10px 20px;
text-align: left;
vertical-align: top;
}



/* ↓ヘッドメニュー↓*/

.breadcrumb{position:relative; height:40px; width:100%;}
.breadcrumb ul{position:relative; margin:0 5px 0 5px; padding:0; height:30px; background:url('image/breadcrumbImage.png') 0px -30px repeat-x; }
.breadcrumb ul li{padding:4px; margin:0; list-style:none; float:left; height:30px display:inline;}
.breadcrumb ul li a{font:13px Arial, Helvetica, sans-serif; color:#ffffff; text-decoration:none; line-height:20px; display:block; background:url('image/breadcrumbImage.png') 100% -60px no-repeat; }
.breadcrumb ul li a span{padding:0 17px 0 15px; color:#FFFFFF }
.breadcrumb ul li a:hover span{text-decoration:underline; color:#ffffff;}
.breadcrumb ul li a.active{background:none;}
.breadcrumb ul li a.active span{color:#ffffff;}
.breadcrumb ul li a.active:hover span{text-decoration:none;}
.breadcrumb .left{position:absolute; top:0px; left:0px; width:10px; height:30px; display:block; z-index:1; background:url('image/breadcrumbImage.png') 0% 0px no-repeat;}
.breadcrumb .right{position:absolute; top:0px; right:0px; width:10px; height:30px; display:block; z-index:1; background:url('image/breadcrumbImage.png') 100% -90px no-repeat; }