@charset "utf-8";
/* サイト共通 */

* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:100%;
	list-style-type: none;
	}

body{
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3" , "MS UI Gothic", verdana, 'trebuchet ms', sans-serif ;
	font-size:small;
	line-height:130%;
	background-color:#EDEADA;
	color:#333333;
}

a{color: #333333;text-decoration: none;}
a:link{color: #333333;text-decoration: none;}
a:visited{color: #333333; text-decoration: none;}
a:active{color: #333333;text-decoration: none;}
a:hover{color: #F25821;text-decoration: underline;}

img { border: none;}
a img { border: none;}

hr { display:none;}

.floatleft{ float:left;line-height:150%;}
.floatright{ float:right;}
.clr{
	clear: both;
	font-size:0px;
	line-height:0px;
	margin: 0px;
	padding: 0px;
}
.clear{
	clear: both;
}

.icon{
	padding: 2px 0px 2px 15px;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

/* テキストそろえ */
.txtcenter{ text-align:center;}
.txtright{ text-align:right;}
.txtleft{ text-align:left;}

/* 文字おおきさ */
.xs{ font-size:x-small;}
.s{ font-size:small;}
.m{ font-size:medium;}

/* インデント */
.indent00{
	text-indent: -1em;
	padding-left:1em;
}
.indent01{
	text-indent: 1em;
}
/* がぞう　 */
.imgleft{
	float: left;
	margin: 0px 10px 10px 0px;
}
.imgright{
	float: right;
	margin: 0px 0px 10px 10px;
}

.dothr{
	clear:both;
	background-image: url(../images/dothr.gif);
	background-repeat: repeat-x;
	background-position: center;
	height:30px;
}

/********************************************************************wrap*/

#wrap{
	margin: 0px auto 0px auto;
	width:780px;
	background-color:#FFFFFF;
}

/********************************************************************header*/
#header{
	width:780px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#headerin{
	padding: 6px 0px 3px 0px;
	background-image: url(../images/header_bg02.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#header h1{
	position: absolute;
	left: 0px;
	top: 0px;
}
#header ul{
	margin: 19px 0px 20px 318px;
}
#header li{
	display:inline;
}
/********************************************************************footer*/
p#totop{
	clear:both;
	text-align:right;
	padding: 5px 25px 15px 0px;
}

/********************************************************************footer*/
#footer{
	width:780px;
	background-image: url(../images/dothr.gif);
	background-repeat: repeat-x;
	padding: 15px 0px 13px 0px;
	background-position: top;
}
#footer ul{
	margin: 0px 0px 0px 0px;
	text-align:center;
}
#footer ul.home{
	margin: 0px 0px 3px 0px;
	text-align:center;
}
#footer ul.home li{
	font-size:small;
	font-weight:bold;
}
#footer ul.home li a{
	color:#666666;
	border-right: 2px solid #666666;
}
#footer ul.home li a:hover{
	color: #F25821;
}
#footer li{
	display:inline;
	font-size:x-small;
}
#footer li a{
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #333333;
	white-space: nowrap;
}
#footer li.noborder a{
	border-right: none!important;
}


/*********************************************************************/
p.caption , p.copy{
	background-color:#EDEADA;
	padding: 8px 0px 8px 5px;
	font-size:x-small;
}

/********************************************menu list*/
#menu h3{
	margin: 0px 0px 12px 0px;
}
#menu h3 img{
	vertical-align:top;
}
#menu li{
	padding: 2px 0px 2px 0px;
}
#menu li span{
	display:block;
	background-image: url(../images/icon_arrow01.gif);
	background-repeat: no-repeat;
	background-position: 15px 0.45em;
	padding: 2px 0px 2px 30px;
}
#menu li span.gray{
	background-color:#EEEEEE;
}
#menu li ul{
	margin: 0px 0px 0px 33px;
}
#menu li li{
	padding: 2px 0px 2px 13px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
#menu li li.cur{
	font-weight:bold;
	color:#F25821;
}
/********************************************menu list home*/
#menu ul.home{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:166px;
}
#menu ul.home li{
	padding: 0px 0px 0px 0px;
	width:166px;
}
#menu ul.home li a{
	width:136px;
	display:block;
	background-image: url(../images/icon_arrow01.gif);
	background-repeat: no-repeat;
	background-position: 15px 1.05em;
	padding: 10px 0px 10px 30px;
	background-color:#F8F7F0;
	font-weight:bold;
}
#menu ul.home li a{color: #666666;}
#menu ul.home li a:link{color: #666666;}
#menu ul.home li a:visited{color: #666666;}
#menu ul.home li a:active{color: #666666;}
#menu ul.home li a:hover{color: #666666;background-color:#F1EFE3!important;}

/********************************************menu list social*/
#menu li ul.social{
	margin: 0px 0px 0px 20px;
}
#menu li ul.social li{
	padding: 2px 0px 2px 26px;
	background-position: 13px 8px;
}

/********************************************menu list oiwai*/
#menu li ul.social li.oiwai{
	padding: 2px 0px 2px 0px;
	background-image: none;
}
#menu li ul.social li.oiwai span{
	padding: 2px 0px 2px 13px;
	background-image: none;
	color:#EB607F;
	font-weight:bold;
}
#menu li ul.social li.oiwai ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#FEEFF2;
}
#menu li ul.social li.oiwai li{
	padding: 2px 0px 2px 25px;
	background-image: url(../images/icon_03.gif);
	background-repeat: no-repeat;
	background-position: 13px 8px;
}
#menu li ul.social li.oiwai li.cur{
	font-weight:bold;
color: #EA617F;
}
#menu li ul.social li.oiwai li a:hover{color: #EA617F;}

/********************************************menu list houji*/
#menu li ul.social li.houji{
	padding: 2px 0px 2px 0px;
	background-image: none;
}
#menu li ul.social li.houji span{
	padding: 2px 0px 2px 13px;
	background-image: none;
	color:#6B9099;
	font-weight:bold;
}
#menu li ul.social li.houji ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#menu li ul.social li.houji li{
	padding: 2px 0px 2px 25px;
	background-image: url(../images/icon_04.gif);
	background-repeat: no-repeat;
	background-position: 13px 8px;
	background-color:#F0F4F5;
}
#menu li ul.social li.houji li a:hover{color: #6A9196;}


/********************************************************************navi*/
#navi{
	padding: 10px 0px 0px 45px;
}
#navi li{
	display:inline;
}
#navi li img{
	vertical-align:top;
}


/********************************************************************toppage*/
/********************************************************************imagearea*/
#toppage #imagearea{
	padding: 6px 23px 0px 23px;
	text-align:center;
}

/********************************************************************main*/
#toppage #main{
	float:left;
	width:502px;
	padding: 0px 0px 0px 23px;
}
/********************************************************************menu*/
#toppage #menu{
	float:right;
	padding: 20px 0px 10px 0px;
	width:235px;
}
/********************************************introduce*/
#menu #introduce{
	padding: 0px 0px 5px 0px;
}
/********************************************news*/
#menu #news{
	padding: 10px 0px 5px 0px;
}
#menu #news ul{
	margin: 0px 0px 0px 15px;
}
#menu #news li{
	padding: 0px 0px 3px 0px;
}
#menu #news p{
	padding: 10px 10px 15px 0px;
	text-align:right;
	font-size:x-small;
}
#menu #news p a{color: #F25821;text-decoration: underline;}
#menu #news p a:link{color: #F25821;text-decoration: underline;}
#menu #news p a:visited{color: #F25821; text-decoration: underline;}
#menu #news p a:active{color: #F25821;text-decoration: underline;}
#menu #news p a:hover{color: #F25821;text-decoration: none;}

/********************************************************************shop*/
#shop{
	background-image: url(../../images/shop_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
#shopin{
	background-image: url(../images/dothr.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	min-height:122px;
	_height:122px;
	/*¥*//*/
	height:122px;
	/**/
}
#shop h2{
	padding: 20px 0px 0px 0px;
}
#shop p{
	padding: 5px 0px 0px 10px;
}
#shop p a{
	padding: 0px 0px 0px 15px;
	background-image: url(../images/icon_arrow01.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#shop ul{
	position: absolute;
	left: 386px;
	top: 20px;
}
#shop li{
	padding: 0px 0px 6px 0px;
}
#shop li img{
	vertical-align:top;
}

/********************************************************************pickup*/

.pickup{
	width:118px;
	float:left;
	margin: 0px 9px 0px 0px;
}
.right{
	margin: 0px 0px 0px 0px;
}
.wide{
	margin: 0px 9px 0px 0px;
}

.pickup p{
	font-size:x-small;
	padding: 3px 0px 3px 15px;
	background-image: url(../images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}
.pickup img{
	vertical-align:top;
}
/********************************************************************pickup2*/

.pickup2{
	width:145px;
	float:left;
	margin: 0px 9px 0px 0px;
}

.pickup2 p{
	font-size:x-small;
	padding: 3px 0px 3px 15px;
	background-image: url(../../common/images/icon_02.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.pickup2 img{
	vertical-align:top;
}
/********************************************************************subpage*/
/********************************************************************imagearea*/
#subpage #imagearea{
	padding: 0px 23px 0px 23px;
	text-align:center;
}

/********************************************************************main*/
#subpage #main{
	float:left;
	width:594px;
	padding: 20px 0px 0px 0px;
}
/********************************************************************main*/
#subpage #main2{
	float:left;
	width:755px;
	padding: 20px 0px 0px 0px;
}
/********************************************************************menu*/
#subpage #menu{
	float:right;
	padding: 20px 0px 10px 0px;
	width:166px;
}

/********************************************************************catchimage*/
#catchimage{
	float:left;
	width:106px;
}

/********************************************************************catchimage*/
#maincont{
	float:right;
	width:468px;
}
#maincont h2{
	font-size:20px;	line-height:120%;
	margin: 0px 0px 13px 0px;
}
#maincont h3{
	margin: 0px 0px 10px 0px;
}
#maincont h4{
	margin: 0px 0px 10px 0px;
}
#maincont h5{
	margin: 0px 0px 10px 0px;
	font-size:16px;font-weight:bold;
}
#maincont p{
	margin: 0px 0px 10px 0px;
}
/***********/
#maincont table {width:100%;border:1px}
#maincont th {
	text-align:left; vertical-align:top; width:20%; padding:5px;}
#maincont td {
	text-align:left; vertical-align:top; width:80%; padding:5px;}
#maincont th.over {background-color:#F8F7F0}
#maincont td.over {background-color:#F8F7F0}

/********************************************************************catchimage*/
#maincont2{
	float:right;
	width:645px;
}
#maincont2 h2{
	font-size:20px;	line-height:90%;
	margin: 0px 0px 13px 0px;
}
#maincont2 h2{
	margin: 0px 0px 13px 0px;
}
#maincont2 h3{
	margin2: 0px 0px 10px 0px;
}
#maincont2 h4{
	margin: 0px 0px 10px 0px;
}
#maincont2 p{
	margin: 0px 0px 10px 0px;
}
/***********/
#maincont2 table {width:100%;border:1px}
#maincont2 th {
	text-align:left; vertical-align:top; width:20%; padding:5px;}
#maincont2 td {
	text-align:left; vertical-align:top; width:80%; padding:5px;}
#maincont2 th.over {background-color:#F8F7F0}
#maincont2 td.over {background-color:#F8F7F0}

/********************************************************************catchimage*/
#company{
	float:right;
	width:468px;
}

#company h2{
	margin: 0px 0px 13px 0px;
}
#company h3{
	margin: 0px 0px 10px 0px;
}
#company h4{
	margin: 0px 0px 10px 0px;
}
#company p{
	margin: 0px 0px 10px 0px;
}
/***********/
#company table {width:100%;}
#company th {
	text-align:left; vertical-align:top; width:20%; padding:5px;}
#company td {
	text-align:left; vertical-align:top; width:80%; padding:5px;}
#company th.over {background-color:#F8F7F0}
#company td.over {background-color:#F8F7F0}

/********************************************************************** お問い合わせ */
#onecolumn .contact{
	padding: 0px 0px 0px 0px;
}

#onecolumn .contact table{
	width:100%;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
#onecolumn .contact th , #onecolumn .contact td{
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding: 5px 5px 5px 5px;
}

#onecolumn .contact th{
	width:230px;
	background-color:#F8F7F0;
	font-weight:normal;
	text-align:left;
	vertical-align:top;

}
#onecolumn .contact td{
	background-color:#FFFFFF;
}

#onecolumn .contact table .title{
	background-color:#EDEADA;
}

#onecolumn .contact table .button{
	background-color:#F8F7F0;
	padding: 10px 5px 10px 20px;
}
#onecolumn .contact .contactend{
	width:610px;
	margin: 0px auto 0px auto;
	padding: 15px 15px 15px 15px;
	border:1px solid #E4E0C8;
	background-color:#F8F7F0;
}
#onecolumn .contact .contactend ul{
	margin: 10px 0px 20px 150px;
}
#onecolumn .contact .contactend li{
	list-style-type: none;
	color:#CC0000;
}
#onecolumn .contact ul{
	margin: 10px 0px 20px 0px;
}
#onecolumn .contact li{
	padding: 0px 0px 0px 15px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#onecolumn .contact a{color: #990000;text-decoration: underline;}
#onecolumn .contact a:link{color: #990000;text-decoration: underline;}
#onecolumn .contact a:visited{color: #990000; text-decoration: underline;}
#onecolumn .contact a:active{color: #990000;text-decoration: underline;}
#onecolumn .contact a:hover{color: #990000;text-decoration: none;}


.recruitarea{
	width:512px;
	padding: 10px 0px 10px 0px;
	background-color:#F8F7F0;
	border: 1px solid #EDEADA;
}


/********************************************************************** privacy */
.privacyarea{
	width:512px;
	padding: 10px 0px 10px 0px;
	background-color:#F8F7F0;
	border: 1px solid #EDEADA;
}

#onecolumn .privacy{
	padding: 0px 0px 0px 0px;
}

#onecolumn .privacy ul{
	margin: 10px 0px 20px 0px;
}
#onecolumn .privacy li{
	padding: 0px 0px 0px 15px;
	background-image: url(../images/icon_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

#onecolumn .privacy a{color: #990000;text-decoration: underline;}
#onecolumn .privacy a:link{color: #990000;text-decoration: underline;}
#onecolumn .privacy a:visited{color: #990000; text-decoration: underline;}
#onecolumn .privacy a:active{color: #990000;text-decoration: underline;}
#onecolumn .privacy a:hover{color: #990000;text-decoration: none;}

/********************************************************************** concept */
.conceptarea{
	width:468px;
	padding: 10px 0px 10px 0px;
	background-color:#F8F7F0;
	border: 1px solid #EDEADA;
}.red {
	color: #990000;
}