@charset "shift_jis";

/*----------------------------------------------------------------------------
 * FileName      : common.css
 * Copyright マクリー株式会社 		連絡先: info@macly.com
 * 目次
		body
		header
			contents
			sidebar
		footer
		共通css
		<中ページ>


----------------------------------------------------------------------------*/


a:link,a:visited {
	color: #49AC19;
	text-decoration: none;
}
a:hover,a:active {
	color: #49AC19;
	text-decoration: underline;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: url(../../img/common/bg01.jpg);
	background-position: center top;
	font-size: 0.9em;
	line-height: 1.6em;
	color: #333333;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Osaka;
}
table{
	border-collapse : collapse;
}
td{
}
p{
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,h4,h5,form {
	margin: 0px;
	padding: 0px;
}
ul,ol,li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
img{
	vertical-align: bottom;
}
hr {
	display: none;
}
address {
}
caption {
	display: none;
}


#container {
}


#wrapper {
}

.clear {
	clear: both;
	margin: 0px;
	padding: 0px;
}


/*----------------------------------------------------------------------------

                                     header

----------------------------------------------------------------------------*/

#header {
	background-image: url(../../img/common/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#headerLeft {
}
#headerRight {
}
#header ul {

}
#header li {

}
.header01{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 13px;
}
.header01 h1{
	float: left;
}
ul.header02{
	float: right;
	padding-right: 188px;
}
ul.header02 li{
	float: left;
}
ul.headerGnav{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 17px;
	padding-bottom: 30px;
}
ul.headerGnav li{
	float: left;
}


/*----------------------------------------------------------------------------

                                     contents

----------------------------------------------------------------------------*/

p.mainImage{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}

#contents{
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../img/common/side_bg01.png);
	background-repeat: no-repeat;
	background-position: left top;

}
#contents p{
}


/*----------------------------------------------------------------------------

                                     main

----------------------------------------------------------------------------*/
#main{
	float: right;
	width: 690px;
	background-image: url(../../img/common/contents_bg02.png);
	background-repeat: repeat-y;
	background-position: right top;
	margin-top: 20px;
}
#mainPadding{
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main h2{
	padding-bottom: 30px;
}

p.pankuzu{
	padding-left: 35px;
	font-size: 0.8em;
}




/*----------------------------------------------------------------------------

                                 sidebar

----------------------------------------------------------------------------*/
#sidebar{
	float: left;
	width: 200px;
}

.side01{
	padding-top: 130px;
	padding-right: 10px;
	padding-bottom: 25px;
	padding-left: 20px;
	background-image: url(../../img/common/side_image01.jpg);
	background-repeat: no-repeat;
	background-position: center 30px;
}

.side01 p{
	padding-left: 20px;
	line-height: 1.4em;
	font-size: 15px;
}

.side01 p img{
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}


/*----------------------------------------------------------------------------

                                     footer

----------------------------------------------------------------------------*/

#footer{
	width: 880px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
}
#footer ul{
	float: left;
	font-size: 0.8em;
	padding-left: 200px;
}
#footer li{
	display: inline;
	background-image: url(../../img/common/nav01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
	padding-right: 20px;
}
.copy {
	float: right;
	font-size: 11px;
}
#pagetop{
	text-align: right;
	background-image: url(../../img/common/contents_bg03.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 890px;
	padding-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}
#pagetop img{
	padding-right: 45px;
	padding-top: 40px;
	text-align: right;
}


/*----------------------------------------------------------------------------

                                     共通

----------------------------------------------------------------------------*/
p.textArighR{
	text-align: right;
}
.fontRed{
	color: #FF0000;
}

/*----------------------------------------------------------------------------

                                     index

----------------------------------------------------------------------------*/

#indexTab{
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 700px;
}
#indexTab img{
	top: 449px;
	position: absolute;
	text-align: right;
}
.index01{
	margin-bottom: 50px;
}

.index01 li{
	width: 470px;
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-bottom: 10px;
	padding-bottom: 10px;
}


.index01 th{
	font-weight: normal;
	width: 130px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
.index01 td{
	width: 340px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
}
.index01 tr{
	background-image: url(../../img/common/hr01.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
ul.index02{}
ul.index02 li{
	float: left;
}


/*----------------------------------------------------------------------------

                                     incho

----------------------------------------------------------------------------*/
.incho01{}
.incho01 h3{
	font-size: 1.1em;
	color: #49AC19;
	margin-bottom: 15px;
	padding-bottom: 5px;
	background-image: url(../../img/common/hr02.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 20px;
}
.incho01 ol{
}
.incho01 li{
	list-style-type: decimal;
	margin-left: 30px;
	padding-bottom: 20px;
}
.incho02{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.incho02 th{
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
.incho02 td{
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
}
.incho02 tr{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}


/*----------------------------------------------------------------------------

	  　　　　　　　　　　	information

----------------------------------------------------------------------------*/

.information01{}
.information01 p{
	padding-left: 10px;
	padding-bottom: 10px;
}

.information02{
	background-image: url(../../img/information/image01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-bottom: 50px;
}
.information02 table{
	margin-bottom: 10px;
}
.information02 th{
	font-weight: normal;
	text-align: center;
	padding: 5px;
	border: 1px solid #999999;
	white-space: nowrap;
}
.information02 td{
	border: 1px solid #999999;
	width: 27px;
	text-align: center;
}
.information02 p{
	width: 360px;
}
.information02 p strong{
	color: #49AC19;
}

.information03{
	border: 5px solid #49AC19;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.information04{
	background-image: url(../../img/information/image02.jpg);
	background-repeat: no-repeat;
	background-position: right 30px;
}


/*----------------------------------------------------------------------------

	  　　　　　　　　　　	  equipment

----------------------------------------------------------------------------*/

.equipment01{}
.equipment02{
	background-image: url(../../img/equipment/image01.jpg);
	background-repeat: no-repeat;
	background-position: right 40px;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
.equipment02 h3{
	padding-bottom: 30px;
}
.equipment02 p{
	width: 350px;
}
.equipment03{
	padding-bottom: 55px;
}

.equipment03 h3{
	font-size: 1.1em;
	color: #49AC19;
	margin-bottom: 15px;
	padding-bottom: 5px;
	background-image: url(../../img/common/hr02.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

p.equipment03R{
	float: right;
	width: 350px;
	padding-right: 10px;
}
p.equipment03L{
	float: left;
	width: 244px;
}

/*----------------------------------------------------------------------------

	  　　　　　　　　　　	   eKarte

----------------------------------------------------------------------------*/

.eKarte01{}
.eKarte01 h3{
	padding-bottom: 25px;
}
.eKarte01 h4{
	font-size: 1.2em;
	color: #FF6600;
	padding-bottom: 20px;
	padding-left: 10px;
}
.eKarte01 p{
	padding-bottom: 40px;
	padding-right: 10px;
	padding-left: 10px;
}
p.eKarte02{
	float: right;
	padding-left: 20px;
}



/*----------------------------------------------------------------------------

	  　　　　　　　　　　	     recruit

----------------------------------------------------------------------------*/

.recruit01{}
.recruit02{
	background-image: url(../../img/recruit/image01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.recruit02 p{
	width: 350px;
	padding-bottom: 120px;
}
.recruit03{
}
.recruit03 h3{
	font-size: 1.2em;
	color: #FF9900;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF9900;
	padding-left: 10px;
	margin-bottom: 15px;
}
.recruit03 table{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
.recruit03 th{
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FF9900;
}
.recruit03 td{
	padding: 10px;
	vertical-align: top;
}

.recruit03 tr{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.recruit03 td ol{
}
.recruit03 td li{
	margin-left: 20px;
	list-style-type: decimal;
}


/*----------------------------------------------------------------------------

	  　　　　　　　　　　	     link

----------------------------------------------------------------------------*/

.link01{
}
.link01 h3{
	font-size: 1.2em;
	color: #FF9900;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF9900;
	padding-left: 10px;
	margin-bottom: 15px;
}
.link01 table{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.link01 th{
	font-weight: normal;
	text-align: left;
	background-image: url(../../img/common/nav02.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 20px;
	width: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.link01 td{
	padding-top: 10px;
	padding-bottom: 10px;
}

.link01 tr{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}




/*----------------------------------------------------------------------------

	  　　　　　　　　　　	  inquiry

----------------------------------------------------------------------------*/

.inquiry01{}
.inquiry01 form{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 1px;
}

.inquiry01 p{
	padding-right: 10px;
	padding-left: 10px;
}
.inquiry01 table{
	width: 580px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FDFCF9;
	margin-bottom: 15px;
}
.inquiry01 th{
	text-align: left;
	vertical-align: top;
	width: 170px;
	background-color: #F8F7F2;
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.inquiry01 td{
	vertical-align: top;
	padding: 10px;
}
.inquiry01 tr{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
p.inquiry02{
	text-align: right;
	margin-right: 10px;
	padding-bottom: 10px;
}
.textareaS{
	width: 200px;
}
.textareaM{
	width: 370px;
}
.textareaL{
	width: 580px;
	margin-bottom: 20px;
	font-size: 14px;
}
p.button01{
	text-align: center;
	padding-top: 30px;
}
.button01 input{
	padding: 20px;
}



/*----------------------------------------------------------------------------

	  　　　　　　　　　　	  faq

----------------------------------------------------------------------------*/

.faq01{}
ul.faq02 {
	padding-top: 30px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.faq02 li{
	padding-bottom: 5px;
	background-image: url(../../img/faq/icon_q_s.jpg);
	background-repeat: no-repeat;
	background-position: 5px 3px;
	padding-left: 40px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
}

.faq03Lr{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/*Q&A表示*/
.faq03L{
	float: left;
	width: 370px;
	background-image: url(../../img/faq/icon_ans02.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 7px;
}
.faq03L h3{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	font-size: 1em;
	color: #FF0000;
	padding-top: 10px;
	margin-bottom: 20px;
}
.faq03L h3 strong{
	background-image: url(../../img/faq/icon_q_l.jpg);
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 50px;
	padding-bottom: 10px;
}
.faq03Lans{
	background-image: url(../../img/faq/icon_ans01.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 100px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
}


/*右メニュー*/
.faq03R{
	float: right;
	background-color: #F5F5F5;
	width: 200px;
}
.faq03R h4{
}
.faq03R ul{
	width: 180px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.faq03R li{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 7px;
	padding-bottom: 7px;
}
.faq03R li a{
	background-image: url(../../img/common/nav04.jpg);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 20px;
}
.faq03R li a.current{
	background-image: url(../../img/common/nav03.jpg);
	background-repeat: no-repeat;
	background-position: 12px 7px;
	padding-left: 20px;
	color: #FF0000;
}





/*----------------------------------------------------------------------------

	  　　　　　　　　　　	whatsnew

----------------------------------------------------------------------------*/

.whatsnew01Lr{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/*Q&A表示*/
.whatsnew01L{
	float: left;
	width: 370px;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 7px;
}
.whatsnew01L h3{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 10px;
	font-size: 1em;
	padding-top: 10px;
	margin-bottom: 20px;
}
.whatsnew01L h3 strong{
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-left: 10px;
	padding-bottom: 10px;
}
.whatsnew01Lans{
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 15px;
	width: 338px;
	border: 1px solid #CCCCCC;
}


/*右メニュー*/
.whatsnew01R{
	float: right;
	background-color: #F5F5F5;
	width: 200px;
}
.whatsnew01R h4{
}
.whatsnew01R ul{
	width: 180px;
	margin-left: 10px;
	padding-bottom: 10px;
}
.whatsnew01R li{
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 7px;
	padding-bottom: 7px;
}
.whatsnew01R li a{
	background-image: url(../../img/common/nav04.jpg);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	padding-left: 20px;
}
.whatsnew01R li a.current{
	background-image: url(../../img/common/nav03.jpg);
	background-repeat: no-repeat;
	background-position: 12px 7px;
	padding-left: 20px;
	color: #FF0000;
}

/*アーカイブカテゴリ*/

ul.whatsnew02 {
	padding-top: 30px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(../../img/common/hr03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.whatsnew02 li{
	padding-bottom: 5px;
	padding-left: 20px;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	background-image: url(../../img/common/nav01.jpg);
	background-repeat: no-repeat;
	background-position: 5px 20px;
}



/*----------------------------------------------------------------------------

	  　　　　　　　　　　	Validator's CSS

----------------------------------------------------------------------------*/
div.baloon {
   font-size: 10px;
   color: #ff0000;
   position: absolute;
   padding-left: 5px;
   background: url(../../img/common/baloon.gif) no-repeat top left;
   z-index: 1;
	color: #0066CC;
}
#wrapper .topimageBg #container #container_inner .index-main .index01 .index01A a {
	color: #0066CC;
}


div.baloon a {
	background-color: #FFFFFF;
   color: #000000;
   text-decoration: none;
   padding: 1px 5px 1px 5px;
   margin-right: 5px;
	 border: #000000 1px solid;
}

div.baloon a:hover {
   color: #ffffff;
   background-color: #ff0000;
}

div.baloon div {
   background: url(../../img/common/baloon_right.gif) no-repeat top right;
   padding: 7px 7px 16px 0;
   white-space: nowrap;
}