/* base css */


/* portal css */


/* theme css */
/* general page elements */

a
{ color: #6699FF;text-decoration: none;	}

a:link 
{ color: #6699FF; }

a:visited
 { color: #6699FF; }
 
a:active
 { color: #3F3F3F; }

a:hover
{ color: #3F3F3F; }

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

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

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

strong{
	font-weight:bold;
}

	.space {
	width:px;
	height: px;
	padding: 0px;
	clear: both;
	}

	.space10 {
	width:0px;
	height: px;
	padding: 0px;
	margin:10px 0 0 0;
	clear: both;
	}

	.space-line {
	width:530px;
	height: 10px;
	padding: 0px;
	border-top:1px dotted #FFFF00;
	clear: both;
	}
	
	
/* レイアウト */



body
{
background:url(images/back2.gif) repeat-y;
height:px;
padding:0px;
margin:0px;
text-align:left;
}

/* MouRa */

#header-con{
width:760px;
height:px;
background-color:#FFFFFF;
padding:0px;
margin:0px;
}

#location-con{
width:760px;
height:px;
background-color:#FFFFFF;
text-align:left;
padding:0px;
margin:0px;
}

#osusume{
	width: 760px;
height:px;

clear:both;
text-align:center;
padding:0px;
margin:0px;
}

#osusume-inn{
width: px;
height:px;

clear:both;
text-align:left;
padding:10px 0 0 87px;
margin:0px;
}

.webgendai_component{
text-align:left;
}

#footer-con{
width:760px;
height: auto;

float: left;
background-color:#FFFFFF;
padding:10px 0;
margin:0;
}

.waku{
background:url(images/back1.gif) repeat-y;
float: left;
width: auto;
height: auto;
margin:0;
}

/* three-column tweaks */

	.layout-three-column
	{
	width: 760px;
	}
	
	.layout-three-column #container
	{
	width: 760px;
	}
	
	.layout-three-column #beta
	{
	float: left;
	width: 585px;
	padding:0;
	overflow: hidden;
	}

	.layout-three-column #beta-inner
	{
	border: 0;
	padding:0;
	}

	.layout-three-column #gamma
	{
	width: 175px;
	float: right;
	overflow: hidden;
	}
	
	.layout-three-column #gamma-inner
	{
	border: 0;
	padding:0;
	}
	
	.right-box{
	margin-left:auto;
	margin-right:auto;
	}
	
	.space-navi {
	width:175px;
	height: 25px;
	padding: 0px;
	clear: both;
	}

#container { position: static; }



/* タイトル */


	#banner{
	/* no ie mac \*/ height: 1%; /* ie win 5.5, 6 win */
	width: 760px;
	height:px;
	text-align: left;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	}
	
	#banner-body1{
	width: 760px;
	height:230px;
	padding: 0;
	margin:0;
	font-size: 9px;
	float:left;
	color:#FFFFFF;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	position:relative;
	}
	
	#banner-body1 span{
	width: 100%;
	height:100%;
	background:url(images/title01-1.jpg) no-repeat;
	position:absolute;
	}


	#banner-body2 {
	width: 585px;
	height:px;
	padding: 0;
	margin:0;
	color:#404040;
	background:url(images/title01-2.jpg) no-repeat;
	position:relative;
	}

	#banner-body2-inn {
	padding: 0;
	margin:0 10px 10px 20px;
	}
	
	.read-waku{
	width: 545px;
	height:px;
	padding:0;
	margin:0 0 0 0;
	}
		
	.con-read{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: medium;
	line-height: 20px;
	}
	
	.read{
	width: 370px;
	height:px;
	padding:0;
	margin:0px;
	font-weight: none;
	}
	
	.read-inn {
	width: px;
	height:px;
	padding:10px 0;
	margin:0;

	}
	
	.prof-waku{
	width: 175px;
	height:325px;
	padding:0;
	margin:0;
	background:url(images/title01-3.jpg) no-repeat;
	}
	
	.prof{
	width: 155px;
	height:px;
	padding:290px 0 0 12px;
	margin:0;
	}
	
	.prof-inn{
	width: px;
	height:px;
	padding:5px;
	margin:0;
	text-align:center;
	}

	.prof-inn a
	{ width: px;height:px;display:block;padding:5px 0;color: #FFFFFF;background:url(images/next-back.gif) ; }

	.prof-inn a:link 
	{ display:block;color: #FFFFFF;background:url(images/next-back.gif) ; }

	.prof-inn a:visited
	 { display:block;color: #FFFFFF;background:url(images/next-back.gif) ; }
 
	.prof-inn a:active
	 { display:block;color: #6699FF;background:url(images/next-back2.gif) ; }

	.prof-inn a:hover
	{ display:block;color: #6699FF;background:url(images/next-back2.gif) ; }
	
	

/* コンテンツ */

	#contents0 {
	padding:0 20px;
	}
	
	#contents {
	padding:0 20px;
	}

	#contents2 {
	padding:0 20px;
	}

	#contents3 {
	width: px;
	padding:0 20px;
	background:url(images/img03.jpg) no-repeat;
	background-position:bottom left;

	}

	#contents3-inn {
	width: px;
	padding:0 0 0 200px;
	margin:0;
	}

	#contents4 {
	padding:0 20px;
	}

	.con-finding {
	width: 545px;
	height:px;
	padding:30px 0 20px 0;
	margin:0;
	}

	.con-finding2 {
	width: 545px;
	height:px;
	padding:0;
	padding:30px 0 20px 0;
	}
	
	.con-finding-b {
	width: 545px;
	height:px;
	padding:0;
	margin: 20px 0 20px 0;
	}

/* 画像 */

	.off-ivent {
	width: 224px;
	height: px;
	padding:0;
	margin:10px auto 0 auto;
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: small;
	line-height: 150%;
	text-align:center;
	}
	
	.img-left1 {
	width: px;
	height:px;
	padding:0;
	margin:0 10px 10px 0;
	float:left;
	}

	.img-right1 {
	width: px;
	height:px;
	padding:0;
	margin:0 0 10px 10px;
	float:right;
	}

/* MySpace */

	.myspace {
	width: px;
	height:px;
	padding:0 20px;
	margin:15px 0;
	}

	.myspace-top {
	width: 545px;
	height:20px;
	padding:0;
	margin:0;
	background:url(images/waku_01.gif) no-repeat;
	}

	.myspace-inn {
	width: px;
	height:px;
	padding:0 20px;
	margin:0;
	background:url(images/waku_02.gif) ;
	}
	
.myspace-inn a
{ color: #FFFF00;text-decoration: none;	}

.myspace-inn  a:link 
{ color: #FFFF00; }

.myspace-inn  a:visited
 { color: #FFFF00; }
 
.myspace-inn  a:active
 { color: #3F3F3F; }

.myspace-inn  a:hover
{ color: #3F3F3F; }
	
	.myspace-bottom {
	width: 545px;
	height:20px;
	padding:0;
	margin:0;
	background:url(images/waku_03.gif) no-repeat;
	}


/* ナビゲーション */
	
	ul{
	width: 180px;
	list-style:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:20px;
	}

	li.page-left{ float:left; width:64px;margin:0 10px 0 0;}
	li.page-center{ width:32px;float:left; margin:0 10px 0 0;}
	li.page-right{ float:left; width:64px;margin:0;}
	
	.page0 { display:block;width: 30px;height:px;font-size: 12px;line-height:12px;text-align:center;padding:12px 0;color: #6699FF;border:1px solid #6699FF; margin:0 auto 0 auto; }

	.page {
	width: 32px;
	padding:0;
	margin:0;
	font-size: 12px;
	line-height:12px;
	text-align:center;
	}
	
	ul li div.page a
	{ width: 32px;height:px;display:block;padding:12px 0;color: #FFFFFF;background:url(images/next-back.gif) ; }

	ul li div.page a:link 
	{ display:block;color: #FFFFFF;background:url(images/next-back.gif) ; }

	ul li div.page a:visited
	 { display:block;color: #FFFFFF;background:url(images/next-back.gif) ; }
 
	ul li div.page a:active
	 { display:block;color: #6699FF;background:url(images/next-back2.gif) ; }

	ul li div.page a:hover
	{ display:block;color: #6699FF;background:url(images/next-back2.gif) ; }


	.page3 {
	width: 64px;
	padding:0;
	margin:0;
	font-size: 12px;
	line-height:12px;
	text-align:center;
	}
	
	ul li div.page3 a
	{ width: 64px;height:px;display:block;padding:12px 0;color: #FFFFFF;background:url(images/next-back.gif) ; }

	ul li div.page3 a:link 
	{ display:block;color: #FFFFFF;background:url(images/next-back.gif) ; }

	ul li div.page3 a:visited
	 { display:block;color: #FFFFFF;background:url(images/next-back.gif) ; }
 
	ul li div.page3 a:active
	 { display:block;color: #6699FF;background:url(images/next-back2.gif) ; }

	ul li div.page3 a:hover
	{ display:block;color: #6699FF;background:url(images/next-back2.gif) ; }


/* フォント */

	
	.con-large{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: large;
	line-height: 130%;

	}

	.con-largec{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: large;
	font-weight: bold;
	line-height: 130%;
	text-align:center;
	}
		
	.con-medium{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: medium;
	line-height: 160%;
	font-weight: none;
	}
	
	.con-small{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: small;
	line-height: 170%;

	}
	
	.con-small150{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: small;
	line-height: 150%;

	}


	.con-smallr {
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: small;
	line-height: 130%;
	text-align:right;
	}
	
	.con-x-small {
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: x-small;
	line-height: 170%;

	}
	
	.con-x-small2{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: x-small;
	line-height: 170%;
margin:10px 0 0 0;
	}
	
	.con-x-smallr {
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align:right;
	}
	
	.con-x-small-mono{
	font-family: 'monospace';
	font-size: x-small;
	line-height: 150%;

	}
	
	.con-xx-small{
	font-family: 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	font-size: 9px;
	line-height: 150%;

	}
	
/* 色 */

	.con-white{
	color:#FFFFFF;
	}
	
	.con-sky{
	color:#6699FF;
	}
	
	.con-pink{
	color:#FF6666;
	}
	
	.con-black{
	color:#3F3F3F;
	}

	.con-red{
	color:#FF3300;
	}
	
	.con-green{
	color:#009900;
	}

	.con-yellow{
	color:#FFFF00;
	}
	
	.con-base-yellow{
	color:#CCFF33;
	}
	
	.con-glay66{
	color:#565656;
	}
	
	.con-glay{
	color:#779999;
	}