@charset "utf-8";
@import "reset.css";
@import "screen.css";
@import "common.css";
/* head
------------------------------------------------------------ */
/*
h3{
	width:555px;
	height:55px;
	text-indent:-99999em;
	background:url(../idx_img/idx_tit.gif) 0 0 no-repeat;}*/
	
h3 {
width:538px;
color:#fff;
font-size:110%;
display:block;
margin:10px 0 10px 0;
padding:12px 0 6px 17px;
background:url(../cmn_img/tit.jpg) 0 0 no-repeat;}

h3#osusume {
width:555px;
height:30px;
margin:0;
padding:0;
background:url(../idx_img/idx_osusume.gif) 0 0 no-repeat;
text-indent:-9999em;}

h3#topics {
width:555px;
height:30px;
margin:0;
padding:0;
background:url(../idx_img/idx_topics.gif) 0 0 no-repeat;
text-indent:-9999em;}

/* unit01
------------------------------------------------------------ */
.unit01{
	width:555px;}
.unit01 p{
	font-size:90%;
	line-height:1.6;
	padding-left:10px;
	padding-bottom:10px;}

.main .mainIN .contents .unit01 .hello {
width: 538px;
color: #fff;
font-size: 110%;
display: block;
margin: 10px 0 10px 0;
padding: 12px 0 6px 17px;
background: url(../cmn_img/tit.jpg) 0 0 no-repeat;
font-weight: bold;
line-height: normal;
}

/* unit02
------------------------------------------------------------ */
#unit02{
	width:555px;
	margin-bottom:30px;
	background:#F0F0F0;}
#unit02 p{
	font-size:90%;
	line-height:1.7;
	padding:10px 15px 5px 0;}
#unit02 p span{
	width:539px !important;
	width:405px;
	display:block;
	text-align:right;}
/* \*//*/
#unit02 p span{
	width:305px;
	display:inline;}
/* */

#unit02 .img{
	float:left;
	padding:3px;
	margin-right:10px}
#unit02 .img img{
	border:1px solid #fff;}


/* unit04
------------------------------------------------------------ */
#unit04 h4{
	width:555px;
	height:21px;
	display:block;
	margin-bottom:10px;
	text-indent:-99999em;
	background:url(../idx_img/idx_stit02.gif) 0 0 no-repeat;}

#unit04 dl{
	float:left;
	width:270px;
	padding-bottom:10px;}

#unit04 dl dt{
	display:block;
	width:270px;}
#unit04 dl dt a{
	display:block;
	width:270px;
	height:32px;
	margin-bottom:1px;
	text-indent:-99999em;
	background:url(../idx_img/pu_tit01.jpg) 0 0 no-repeat;}
#unit04 dl#pu01 dt a{background:url(../idx_img/pu_tit01.jpg) 0 0 no-repeat;}
#unit04 dl#pu02 dt a{background:url(../idx_img/pu_tit02.jpg) 0 0 no-repeat;}
#unit04 dl#pu03 dt a{background:url(../idx_img/pu_tit03.jpg) 0 0 no-repeat;}
#unit04 dl#pu04 dt a{background:url(../idx_img/pu_tit04.jpg) 0 0 no-repeat;}
#unit04 dl#pu05 dt a{background:url(../idx_img/pu_tit05.jpg) 0 0 no-repeat;}
#unit04 dl#pu06 dt a{background:url(../idx_img/pu_tit06.jpg) 0 0 no-repeat;}

#unit04 dl#pu01,
#unit04 dl#pu03,
#unit04 dl#pu04{ margin-right:15px;}

#unit04 dl dd.img{
	font-size:60%;
	line-height:1;
	padding:0;
	margin:0;}

#unit04 dl dd.pic {
  float: left;
  margin-right: 15px;
  width: 135px;
  display: inline;
}

#unit04 dl dd{
	font-size:90%;
	line-height:1.6;
	margin-top: 10px;
}

.conBox01 {
	background:url(../cmn_img/title01.jpg) 0 0 no-repeat;
	width:530px;
	margin:5px 0 20px 0;
	padding:13px 0 0 25px;
	}
	
.conBox01 p.cap02 {
	background-position: left center;
	letter-spacing: 2px;
	color: #8dca28;
	font-size:16px;
	margin-bottom:10px;
}
.conBox01 p.srcap03 {
	background-image: url(../cmn_img/i04.gif);
	background-repeat: no-repeat;
	background-position: left center;
	letter-spacing: 2px;
	margin-left: 8px;
	margin-bottom:15px;
	font-size: 90%;
	padding-left:20px;
	width: 480px;
}
h2#hope {
 width:555px;
 height:49px;
 display:block;
 background: url(../idx_img/hope.gif) 0 0 no-repeat;
 margin-bottom:2px;
 text-indent:-99999em;
 margin: 2px 0 10px 0;
}

div#tiny {
	height: 106px;
	overflow: auto;
	margin-bottom: 10px;
}