@charset "Shift_JIS";



html body{
  height: 100%;
}



body{
  background-color: #DCDCDC;
  background-image: url("../common/images/back.jpg");
  background-repeat: repeat-x;
  font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}


div#wrapper{
  background-image: url("../common/images/head_back.jpg");
  background-repeat: no-repeat;
  background-position:center top;
}

div#box{
  margin:0px auto;
  width:970px;
  background-image: url("../common/images/box_back.jpg");
  background-repeat: no-repeat;
  background-position:right top;
}


/*     ‹¤’Ê     */


*{
  margin:0px;
  padding:0px;
}


.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.left{
  float:left;
}

.right{
  float:right;
}


.arial{
  font-family: "Arial",sans-serif;
}

.clear{
  clear:both;
}



/***************************************
		header
***************************************/


div#head{}

div#menu{
  width:960px;
  margin:0px auto;
  text-align:right;
  height:35px;
  padding-top:15px;
}

div#menu p a{
  margin:0px 10px;
  font-family: "Arial",sans-serif;
  font-size: 85%;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
}
div#menu p a:hover{
  color: #C0C0C0;
}


div#title{
  width:960px;
  margin:0px auto;
}


div#title img{
  vertical-align: top;
}

div#title #logo{
  margin:16px 0px;
  border: none;
}

/***************************************
	contents
***************************************/

div#container{
  margin:15px auto;
  width:970px;
}

/*--------------------------------------
	main
--------------------------------------*/

div#main-foot{
  background-image: url("../common/images/box_foot01.jpg");
  background-repeat:no-repeat;
  background-position:left bottom;
}



div#main{
  width:570px;
  padding:22px 35px;
  background-image: url("../common/images/box_head01.jpg");
  background-repeat:no-repeat;
  background-position:left top;
  
}

div#main h2{
  padding-bottom:3px;
  border-bottom:1px solid #C0C0C0;
}


div#main p{
  font-size:80%;
  margin:20px 0;
}



/*--------------------------------------
	side
--------------------------------------*/

div#sub{
  width:310px;
  margin-left:18px;
}



div#side1-foot{
  background-image: url("../common/images/box_foot02.jpg");
  background-repeat:no-repeat;
  background-position:left bottom;
}


div#side1{
  font-size: 80%;
  padding:20px 35px;
  background-image: url("../common/images/box_head02.jpg");
  background-repeat:no-repeat;
  background-position:left top;
}


div#side1 ul{
  list-style-type: none;
}
div#side1 h3{
  border-bottom:1px solid #C0C0C0;
}

div#side1 ul li{
  padding:10px 0px 8px 10px;
  border-bottom:1px solid #C0C0C0;
  font-weight: bold;
  font-size:120%;
}

div#side1 ul a{
  text-decoration: none;
  color:#656565;
}
div#side1 ul a:hover{
  color:#A0A0A0;
}


div#side2{
  margin:30px 5px 0px 5px;
  font-size: 80%;
}


div#side2 .p_border{
  margin:10px 0;
  padding-left:25px;
  border-left:5px solid #636363;
  //font-style: italic;
}

div#side2 .p_right{
  text-align:right;
  //font-style: italic;
}


/*--------------------------------------
	common
--------------------------------------*/

div#side2 p, div#main p{
  color:#636363;
}

/***************************************
		footer
***************************************/

div#footer{
  clear:both;
  background-color: #373737;
  background-image: url("../common/images/foot_bk.jpg");
  background-repeat: repeat-x;
  padding-top:80px;
  text-align:center;

}

div#bottom_list{
  width:960px;
  text-align:left;
  margin:0 auto 30px;
}
div#footer #bottom_list ul{
  float:left;
  list-style-type: none;
  color: #B6B6B6;
  margin-right:10px;
}
div#footer #bottom_list h5{
  padding-bottom:10px;
  background-image: url("../common/images/foot_boder.gif");
  background-repeat:no-repeat;
  background-position:left bottom;
}
div#footer #bottom_list ul li{
  padding-bottom:15px;
  background-image: url("../common/images/foot_boder.gif");
  background-repeat:no-repeat;
  background-position:left bottom;
}
div#footer #bottom_list ul li a{
  margin-left:15px;
  color:#B6B6B6;
  font-size:80%;
  text-decoration: none;
}
div#footer #bottom_list ul li a:hover{
  color:#EEEEEE;
}




div#footer p{
  padding:10px 0px;
  background-color: #181818;
  font-size:60%;
  color: #B6B6B6;
  text-align:center;
}