@charset "utf-8";
/* CSS Document */





body {
	margin:0;
	background-color: #a2a9eb;
	font-family: arial, 新細明體, mingliu;
	color: #333333;
}


/*画像*/

img,object{
border:0;
}


h1{
margin:0;
padding:0;
}

h2{
margin:0;
padding:0;
}


p {margin:0 0 5px 0;
padding:0;}

dl {padding:0; 
margin:0;}

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

#contents{
	width:1099px;
	text-align:left;
	position:relative;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
}

/*----------------------------------------------------------*/
/* clearfix */

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

#contents .clearfix {
	min-height:1%;/* for IE7 */
	display:inline-table;
}



#main-container{
	width:1099px;
	height:597px;
	margin-bottom: 10px;
	background-image:  url(img/contents_back.gif);
	background-repeat:no-repeat;
	background-position: center;
}

/*左側外枠*/

#left_box{
	width:220px;
	height:521px;
	float:left;
	margin-top: 70px;
	padding-left: 100px;
}




#right_box{
width:686px;
height:521px;
margin:0;
padding:0;
float:left;
clear:right;/*カラム落ち回避*/
}




.container {
	padding:0;
	margin:0;
	background:#86e7ff;
}

.clr { clear:both; }










/**/
#top_area{
	width:662px;
	height:459px;
	background-image:  url(img/top_backimg.jpg);
	background-repeat:no-repeat;
	margin-top: 70px;
	margin-left: 30px;
}

#pro_area{
	width:662px;
	height:459px;
	background-image:  url(img/pro_backimg.jpg);
	background-repeat:no-repeat;
	margin-top: 70px;
	margin-left: 30px;
}

#con_area{
	width:662px;
	height:459px;
	background-image:  url(img/con_backimg.jpg);
	background-repeat:no-repeat;
	margin-top: 70px;
	margin-left: 30px;
}

/*メンバー部分*/

#photo{
	width:380px;
	height:373px;
	margin:0;
	float:left;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#photo ul{
width:400px;
height:auto;
margin:0;
padding:0;
}


#photo li{
list-style:none;
margin:0;
padding-right:10px;
padding-bottom:8px;
display:inline;
float:left;
}

#soda{
	width:235px;
	height:12px;
	float:left;
	font-size: 10px;
	margin-top: 10px;
	margin-right: 200px;
	margin-left: 20px;
}



#footer{
	font-size: 10px;
	text-align: center;
	height: 20px;
	width: 100%;
	margin-bottom: 10px;
	color: #666666;
}


/* clear */
#main-container:after,
ul.pg_navi:after
{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

* html #main-container,
* html ul.pg_navi
{height: 1%;}

*+html body #main-container,
*+html body ul.pg_navi
{height: 1%;}


/* メニュー
---------------------------------------------------- */

/* side_nav
-----------------------------------*/
#nav{
	margin-bottom		:55px;
	margin-top: 50px;
}
#nav ul{
padding-left		:30px;
}
#nav ul li{
text-indent		:-9999px;
width			:166px;
height			:27px;
list-style		:none;
margin-top: 10px;
}
#nav ul li a{
display			:block;
text-decoration		:none;
width			:166px;
height			:27px;
}

/* nav01 */
#nav ul li#nav01, 
#nav ul li#nav01 a{
background		:url("img/btn_01_off.gif") no-repeat 0 0;
}
#profile #nav ul li#nav01 a, 
#nav ul li#nav01 a:hover{
background		:url("img/btn_01_on.gif") no-repeat 0 0;
}

/* nav02 */
#nav ul li#nav02, 
#nav ul li#nav02 a{
background		:url("img/btn_02_off.gif") no-repeat 0 0;
}
#news #nav ul li#nav02 a, 
#nav ul li#nav02 a:hover{
background		:url("img/btn_02_on.gif") no-repeat 0 0;
}

/* nav03 */
#nav ul li#nav03, 
#nav ul li#nav03 a{
background		:url("img/btn_03_off.gif") no-repeat 0 0;
}
#blog #nav ul li#nav03 a, 
#nav ul li#nav03 a:hover{
background		:url("img/btn_03_on.gif") no-repeat 0 0;
}

/* nav04 */
#nav ul li#nav04, 
#nav ul li#nav04 a{
background		:url("img/btn_04_off.gif") no-repeat 0 0;
}
#photo #nav ul li#nav04 a, 
#nav ul li#nav04 a:hover{
background		:url("img/btn_04_on.gif") no-repeat 0 0;
}

/* nav05 */
#nav ul li#nav05, 
#nav ul li#nav05 a{
background		:url("img/btn_05_off.gif") no-repeat 0 0;
}
#contact #nav ul li#nav05 a, 
#nav ul li#nav05 a:hover{
background		:url("img/btn_05_on.gif") no-repeat 0 0;
}

/* メニュー
---------------------------------------------------- */

#pro_area #profile{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	width:380px;
	height:373px;
	margin:0;
	float:left;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}

#con_area #contact{
	font-size: 14px;
	line-height: 22px;
	color: #333333;
	width:380px;
	height:373px;
	margin:0;
	float:left;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 25px;
}