@charset "shift_jis";

/*============================================================
	universal reset
============================================================*/

body {
	font-size : 75%;
	font-family: "Avenir Next", Verdana, "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ŸΰƒSƒVƒbƒN", "Yu Gothic", "ƒƒCƒŠƒI", Meiryo, Osaka, sans-serif;
	color : #1a1c1e;
	text-align : left;
	background-color: #FFF;
	width: 100%;
	margin: 0 auto 0 auto;
	color: #2e2e2e;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, dl, form {
	font-size : 100% ;
	margin : 0 ;
	padding : 0 ;
}
table,td,th{
	font-size : 100%;
	border:none;
	text-align:left;
	vertical-align:top;
}
p{
	font-size : 15px ;
	margin : 0 ;
	padding : 0 ;
	line-height : 1.6;
	text-align: justify;
	text-justify: distribute ;
}
ul,li{
	list-style-type:none;
}
img { border : none ;vertical-align: bottom; }
/*
*:focus {
	outline: 1px dotted #000;

}*/
.Right_box{float:right;}
.Left_box{float:left;}

.pc{display: inline;}
.sp{display: none;}

/*============================================================
	a link
============================================================*/
a {
	text-decoration : none;
	color : #aa3ed4;
	outline : none;
}

a:hover { 
	text-decoration : none;
	color : #b4aa6d;
	outline : none;
}

a:hover .light {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* opacity */
a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

/*============================================================
	layout
============================================================*/
p.cap{
	padding-left : 1em;
	text-indent : -1em;
}



/*============================================================
	font
============================================================*/
em,address {
	font-style : normal;
}
.tac{
	text-align: center;
}
.tar{
	text-align: right;
}

/* fonts */
.f_min {
font-family:"ƒqƒ‰ƒMƒm–Ύ’© Pro W6", "Hiragino Mincho Pro", "HGS–Ύ’©E", "‚l‚r ‚o–Ύ’©", serif;
}
.f_small {font-size: 100%;}

/* float */
.l {float: left;}
.r {float: right;}

/* clearfix */
.clearfix:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden ;
}
.clearfix { display : inline-block ; }
/* Hides from IE-Mac _*/
*html .clearfix { height : 1% ; }
.clearfix { display : block ; }
/* End hide from IE-mac */

.none {display: none;}

.in, .inBox li, .inBox dd {
	text-indent: -1em;
	padding-left: 1em;
}

.mb10{margin-bottom: 10px;}
.mb30{margin-bottom: 30px;}
.pb10{padding-bottom: 10px;}
.red{color: #FF0000;}

.sp{display: none;}

/* Šξ–{ƒŒƒCƒAƒEƒg 
------------------------------------------*/
.wrapper {
	padding : 0;
	width: 1028px;
	margin: 0px auto;
	position: relative;
}
img.img{
	max-width: 100%;
}

/* ƒwƒbƒ_[iheaderj
------------------------------------------*/
#header {
	padding: 28px;
	background: #ffffff;
	position: relative;
}

h1 {
	/*width: 126px;
	height: 30px;*/
	margin: 0 auto;
	text-align: center;
}
h1 a{
	display: block;
	height: 100%;
}

#header .icon{
	position: absolute;
	top:20px;
	right: 20px;
}
/* main
------------------------------------------*/
#mainimg .wrapper{
	width: 1200px;
}

#mainimg{
	background: url(http://ichishima.jp/insta_cp/img/mv.jpg) center top;
	padding: 123px 0;
	text-align: center;
	background-repeat: repeat-x;
}
#mainimg a{
	display: block;
	height: 52px;
	width: 714px;
	margin: 0 auto;
	border: 3px solid #FFF;
	line-height: 52px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 4px;
	margin-top: 25px;
}
#mainimg a:hover{
	background: #b4aa6d;
	border: 3px solid #b4aa6d;
}


h3{
	text-align: center;
	font-weight: bold;
	font-size: 35px;
}


#about{
	margin: 50px auto;
}
#about h3{
	text-align: left;
	font-size: 25px;
	padding: 0 0 5px;
}
#about h3 span{
	color: #aa3ed4;
}
#about p{
	text-align: left;
}

#about .monthly{
	position: relative;
}
#about .monthly:before{
	content: url("http://ichishima.jp/insta_cp/img/ico_present.png");
	position: absolute;
    top: -23px;
    left: -18px;
}
#about .monthly img{
	width: 232px;
}
#about .present{
	margin-top: 20px;
	padding:10px; 
	position: relative;
	border: 1px solid #b4aa6d;
}
#about .present:before{
	content: url("http://ichishima.jp/insta_cp/img/monthly_present.png");
	position: absolute;
    top: -10px;
    left: -15px;
}

#flow {
	background: url(http://ichishima.jp/insta_cp/img/flow_bg.png) center center;
	padding-bottom: 60px;
}
#flow h3{
	color: #001e4f;
	letter-spacing: 3px;
	padding: 63px 0 50px;
}
#flow ul li{
	width: 285px;
	padding-right: 53px;
	background: url(http://ichishima.jp/insta_cp/img/flow_arrow.png) right center no-repeat;
	margin-right: 20px;
	float: left;
}
#flow ul li:last-child{
	padding: 0;
	margin: 0 auto;
}

#flow ul li:first-child a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
}

#flow a.btn{
	width: 400px;
	height: 50px;
	background: #b4b4b4;
	color: #FFF;
	text-align: center;
	line-height: 50px;
	font-size: 13px;
	display: block;
	margin: 30px auto;
}
#flow a.btn:hover{
	background-color: #FFF;
	color: #b4b4b4;
}
#linkbox{
	background: #ffffff;
	text-align: center;
	padding: 54px 0;
}
#linkbox a.btn{
	display: block;
	height: 94px;
	margin: 0 auto;
	background: #ffffff;
	border: 3px solid #b4aa6d;
	line-height: 94px;
	color: #b4aa6d;
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 4px;
	margin-bottom: 25px;
}
#linkbox a.btn:hover{
	border: 3px solid #b4aa6d;
	background: #b4aa6d;
	color: #fff;
}
#linkbox li{
	width: 370px;
	height: 80px;
	border: 1px solid #b5b5b5;
	background: #FFF;
	margin: 0 15px;
	display: inline-block;
}
#linkbox a{
	width: 100%;
	height: 100%;
	display: block;
}



/* ƒtƒbƒ^[ifooterj
------------------------------------------*/
#footer {
	padding: 35px 0;
	width: 100%;
	background-color: #373737;
	color: #FFF;
}
#footer ul.back li{
	width: 370px;
	height: 80px;
	/*border: 1px solid #b5b5b5;
	background: #FFF;*/
	margin: 0 15px;
	display: inline-block;
}
#footer ul{
	width:980px;
	margin: 0 auto 35px;
	text-align: center;
}
#footer p{
	text-align: center;
	margin-top: 65px;
}
#footer p.copyright {
	font-size: 11px;
	margin-top: 65px;
}



#kiyaku{
	width: 700px;
	background: url(http://ichishima.jp/insta_cp/img/bg_contact.png) center center;
}
#kiyaku div{
	padding: 73px 60px;
}
#kiyaku h3{
	margin: 0 auto 30px;
	background: url(http://ichishima.jp/insta_cp/img/ttl_contact.png) center top no-repeat;
}
#kiyaku p{
	font-size: 11px;
}
#kiyaku p.line{
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #b4aa6d;
}