@charset "UTF-8";

/* =========================================================
common
========================================================= */

/* Font,Color
-------------------------------------- */	

body {
	font-family:
	Meiryo, "CI",
	"Hiragino Kaku Gothic Pro W3", "qMmpS Pro W3",
	Osaka,"MS P Gothic", "lr oSVbN",
	sans-serif;
	font-size: 13px;
	line-height: 1.6;
	color:#333;
	}	
	
a {
	color: #03588B;
	text-decoration: underline;
	}
a:visited {
	color: #666;
	}
a:hover {
	color: #0085BA;
	text-decoration:underline;
	}


h1 {
	width:710px;
	margin:0 auto 15px auto;
	}
h2 {
	font-size: 120%;
	line-height:1.2;
	font-weight:bold;
	}
h3 {
	font-size: 110%;
	}


.bule {
color: #0a768b
}

.t-small{
	font-size:80%;
	}


/* Basic Layout
-------------------------------------- */	

html {
	height:100%;
	margin-bottom:1px;
	}
	
body {
	background: url(../images/page_bg.gif) repeat;
	}

#container {
	margin:12px auto;
	width: 754px;
	text-align:left;
	background-color:#fff;
	border:1px solid #dedede;
	padding:10px 0;
	position:relative;
	}
div#primary {
	width:720px;
	padding:14px 0px;
	margin:0 0 0 15px;
	position:relative;
	}

#copyright{
	position:relative;
	margin:20px auto;
	width: 730px;
	text-align:right;
	padding:15px 0 5px 0;
	border-top:1px dotted #787878;
	}
#copyright-c{
clear:both;
	position:relative;
	margin:20px auto;
	width: 730px;
	text-align:right;
	padding:15px 0 5px 0;
	border-top:1px dotted #787878;
	}


/* head-ttl
-------------------------------------- */	

p#head-ttl{
	margin:0 0 10px 10px;
	}

	
/* second-navi
-------------------------------------- */	

ul#second-navi{
	margin:0 0 20px 45px;
	}
ul#second-navi li{
	float:left;
	}
	
/* boxed-contents
-------------------------------------- */	

ul#boxed-contents {
	width:730px;
	position:relative;
	}
ul#boxed-contents li {
	padding:14px 15px;
	background-color:#ffffe6;
	border:1px solid #787871;
	margin:0 0 10px 28px;
	}
ul#boxed-contents li h2 {
	margin-bottom:10px;
	}

/* 画像左右配置
-------------------------------------- */	
div.f-box{
	overflow:hidden;
	position:relative;
 }

.item-right{
	float:right;
	margin:0 5px 10px 10px;
	}
.item-left{
	float:left;
	margin:0 8px 10px 5px;
	}

/* 但し書き
-------------------------------------- */	

.proviso{
	width:100%;
	text-align:left;
	margin:5px 0;
	font-size:90%;
	}

.proviso-s{
	width:100%;
	text-align:right;
	margin:5px 0;
	font-size:80%;
	}

/* ドット罫段落
-------------------------------------- */	

p.read1 {
	display:inline;
	padding-bottom:3px;
	border-bottom:1px dashed #00a0e9;
	line-height:1.9;
	}
	
/* =========================================================
index
========================================================= */

#container-top {
	margin:12px auto;
	padding:0;
	width: 754px;
	height:720px;
	text-align:left;
	border:1px solid #dedede;
	background:url("../images/top_back.jpg") no-repeat #fff;
	position:relative;
	}
#container-top p#cooplogo,
#container-top h1,
#container-top div#navi,
#container-top h2,
#container-top h3,
#container-top div#copyright{
	position:absolute;
	}
#container-top p#cooplogo{	
	top:18px;
	left:28px;
	}
#container-top h1{	
	top:63px;
	left:52px;
	}
#container-top div#navi{	
	top:146px;
	left:35px;
	width:269px;
	height:236px;
	}
#container-top div#navi p{	
margin:0;padding:0;
	}
#container-top h2{	
	top:431px;
	left:21px;
	}
#container-top h3{	
	top:573px;
	left:0;
	}
#container-top div#copyright{	
	top:640px;
	left:9px;
	border:none;
	}
#container-top div#navi p a{	
	display:block;
	margin:0 0 8px 0;
	padding:0;
	}

/* =========================================================
p2
========================================================= */
h1#p2-h1{
 position:absolute;
 top:225px;
 left:0;

 }
div#p2-read1{
 position:absolute;
 top:370px;
 left:10px;
 width:260px;
 }
ol#p2-point{
	width:428px;
	margin-bottom:10px;
	padding:0;
	float:right;
	}
ol#p2-point li{
	float:left;
	margin:0;
	padding:0;
	}
ol#p2-point li.line1{
	margin-bottom:170px;
	}
p#p2-image{
	float:left;
	margin:0;
	padding-left:10px;
	}



/* =========================================================
p3
========================================================= */
ul#boxed-contents li.p3-1{
	background:url("../images/p3_image.jpg") no-repeat top left #ffffe6;
	padding:15px 0 20px 180px;
	min-height: 90px;
  height: auto !important;
  height: 90px;
	}

ul#boxed-contents li.p3-1 h2,
ul#boxed-contents li.p3-1 p {
	width:340px;
	}
ul#boxed-contents li.p3-1 p#oozora {
	position:absolute;
	top:-70px;
	left:570px;
	}
ul#boxed-contents li.p3-2 h2,
ul#boxed-contents li.p3-2 p{
	width:320px;
	}
ul#boxed-contents li.p3-2 dl{
	float:left;
	width:164px;
	}
ul#boxed-contents li.p3-2 dl dd{
	font-size:90%;
	line-height:1.2;
	padding:5px 7px 5px 7px;
	}


/* =========================================================
p4
========================================================= */

div#primary.p4-primary{
	width:710px;
	margin:0 0 15px 20px;
	padding:0;
	}
div#p4-primary-left{
	float:left;
	width:380px;
	padding:135px 0 0 10px;
	position:relative;
	}	
div#p4-primary-right{
	float:right;
	}	
div#p4-primary-left h1{
	position:absolute;
	top:0;
	left:0;
	}
div#p4-primary-left h2{
	position:absolute;
	top:80px;
	left:0;
	}
div#p4-primary-left p#p4-primary-read1{
}
	
div#secondary {
	width:720px;
	text-align:center;
	padding-bottom:10px;
	margin:0 0 10px 17px;
	background:url("../images/p4_crnr_bg2.gif")	 no-repeat bottom;
	}
div#secondary h3{
	width:720px;
	text-align:center;
	margin:0;
	background:url("../images/p4_crnr_bg1.gif")	 no-repeat top;
	}
div#secondary ul {
	width:660px;
	text-align:left;
	margin:10px auto 5px auto;
	}
div#secondary ul li{
	text-align:left;
	margin:auto;
	padding:0 0 5px 18px;
	background:url("../images/p4_circle.gif")	 no-repeat 0 5px;
	}
p#proviso-s-p4secondary{
	width:660px;
	}



/* =========================================================
p5
========================================================= */

ul#boxed-contents li p.t_left{
	width:290px;
	float:left;
	}

ul#boxed-contents li p#watermap{
	margin:-5px 5px 0 0;
	}
ul#boxed-contents li dl.p5-care{
	width:365px;
	margin-bottom:10px;
	float:right;
	}

ul#boxed-contents li dl.p5-care dd.p5-care-ttl{
	color:#00a0e9;
	line-height: 1.2;
	margin-bottom:5px;
	}
ul#boxed-contents li dl.p5-care img{
	float:left;
	margin:0 7px 10px 0;
	}
ul#boxed-contents-sub li.sub1{
	padding:0 10px 0 0;
	width:280px;
	float:left;
	border:none;
	margin:0 10px 0px 0px;
	}
ul#boxed-contents-sub li.sub2{
	padding:0 0 0 22px;
	width:340px;
	float:left;
	border:none;
	margin:0 0 0px 0px;
	border-left:2px dotted #00a0e9;
	}