@charset "UTF-8";

/*---------------------------------
#wrapper
	└#heaedr
		└#navi
	└#container
└#footer
------------------------------------
----------------------------------*/

/*default
-----------------------------------*/
ul{
	margin: 0;
	padding: 0;
}
dl {
	margin: 0;
	padding: 0;
}
ul li {
	list-style:none;
	list-style-position:inside;
	text-align:center;
}
html{
	font-size: 62.5%;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,"KozGoStd-Light","KozGoStd-Regular",Arial,Helvetica,Verdana,san-serif;
	font-size: 16px;
	font-size:1.6rem;
	line-height:1.5;
	background:url(../img/bg_body.jpg);
}
img{
	max-width: 100%;
	height: auto;
	width: auto\9;
}
p{
	margin-bottom:1em;
	}


/*link
-----------------------------------*/
a{	color:#2929b3;	}
a:hover,a:active{	color:#000080;
text-decoration:none;
	}
a:visited{	color:#000080;	}

a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
/*head
-----------------------------------*/
h1,h2,h3,h4,h5,h6{ 
	}
h1 {
} /* 48px */ 
h2 { 
} /* 48px */ 
h3{ 
} /* 24px */ 

/*パーツ
-----------------------------------*/
.t-right {
	text-align:right;	
}
.t-left {
	text-align:left;	
}
.t-center {
	text-align:center;	
}
.f-right {
	float:right;
}
.f-left {
	float:left;
}
.f-15 {
	font-size:1.4em;
	font-weight:bold;	
}
.mb-35 {
	margin-bottom:35px;	
}
.box {
	padding-bottom:30px;	
}
.red {
  color:#CB0000;
}
.border_gray {
	border:#CCC solid 1px;
	padding:10px;
}

#head_in {
	width:1000px;
	margin:0 auto;
	padding:18px 0 15px;	
}
#head_l {
	width:400px;
	float:left;
}
#head_l p{
	display:inline;
	margin:0;
}
#head_r {
	float:right;
	width:30%;
	text-align:right;	
}
#head_r h2 {
	margin:12px 0 0 0;	
}
div.nv_home{
	display:inline;
	float:left;
	padding:30px 0 0 50px;
}
.nv_home ul.h_nv li{
	display:inline;
	margin-left:15px;
	background:#3a3a3a;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
ul.h_nv li a {
	color:#FFF;
	/*background:url(../img/bg_allow01.gif) no-repeat 1px 5px;*/
	font-size:0.9em;
	padding:10px;
	text-decoration:none;	
}
.nv_home  ul.h_nv li a:hover {
	color:#6c6c6c;
	/*background:url(../img/bg_allow01_hover.gif) no-repeat 1px 5px;*/
}
#head_l h1 {
	width:303px;
	float:left;
	margin:0;
	display:inline;
}
#g_nv {
	background-color:#000000;
	height:69px;
	border-bottom:solid 1px #767676;
}
#g_nv ul.gnavi {
	width:1000px;
	margin:0 auto;
	height:69px;
	background-color:#282828;
	font-size:0;
	line-height:0;
}
#g_nv ul.gnavi li{
	display:inline;
}
#mainimg {
	background-color:#323232;	
}
#foot {
	background:#414141;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:100;
	font-size:0.7em;
}
#foot_in {
	width:1000px;
	margin:0 auto;
	color:#FFF;
	padding:10px 0 15px;
}
#result {
  position: fixed;
  top: 10px;
  left: 100px;
}

.test {
  margin-bottom: 1000px;
}
#backtop a {
    background:#1e1e1e;
    color: #FFFFFF;
    display: block;
    font-size: 1.2rem;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
	border-top:solid 1px #222222;
	border-bottom:solid 1px #222222;
}
#backtop a:hover {
	background:#353535;	
}
.address {
	letter-spacing:0.1em;
	margin-bottom:5px;
}
.copy {
	font-size:0.6em;
}
.copy img {
	margin:5px 5px 0 0;	
}
.copy span {
	margin-bottom:10px;	
}
#foot_l {
	width:50%;
	float:left;	
}
#foot_r {
	width:50%;
	float:right;	
}
dl.bknum {
	float:right;
	width:150px;
	text-align:right;
	padding:10px 0 5px;
}
dl.bknum dt, dl.bknum dd {
	display:inline;	
}
dl.bknum dd a{
	background:#7a7a7a;
	color:#FFF;
	padding:2px 4px;
	text-decoration:none;
	margin-left:5px;
}
dl.bknum dd a:hover {
	background:#fdd000;
}
dl.copy dt, dl.copy dd {
	display:inline;	
}
#foot_l p img{
    display: inline-block;
    vertical-align: middle;
	margin-right:30px;
}
#contents {
	min-width:1000px;
}

#mainimg_in {
	width:930px;
	margin:0 auto;	
	padding:30px 35px;	
}
#mainimg_in dl dt{
	float:left;
	font-size:1.8em;
	font-weight:bold;
	letter-spacing:0.12em;
}
#mainimg_in dl dd{
	float:right;
}
#mainimg_in dl dd img{
	display:inline-block;
    vertical-align: middle;
}

#bg_main {
	margin-bottom:40px;
	width:100%;
}
#bg_main_in {
	width:1000px;
	margin:0 auto;
	padding-bottom:40px;
}
.section {
	background:url(../img/bg_section.png);
	width:420px;
	padding:40px 20px 25px;
}
.section h2 {
	font-size:1.4em;
	margin:0 0 20px;
}
.section p {
	color:#FFF;
	font-size:1.0em;
}

.box_in {
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:15;
}
.check_in {
	position:relative;
	z-index:20;
	padding-bottom:40px;
}
.box_in h3 {
	margin:0 0 20px;	
}
.box_in p {
	line-height:1.5em;	
}
.bor_r {
	float:right;
	width:560px;	
}
.box_l {
	float:left;
	display:inline;
	padding-left:50px;
	display:inline-block;
}
.bor_r img.f-left{
	margin:0 30px 10px 0;
}
.bor_r img.f-right{
	margin:0 0 10px 30px;
}
.bor_r h3 {
	color:#2d287f;
	font-size:1.8em;
	font-weight:bold;	
}

.bor_sight {
	display:inline;
	float:right;	
}
.box_sche {
	display:inline;
	float:left;	
}

.box01 {
	padding:40px 0;
	min-width:1000px;
}

#content_in {
	width:1000px;
	margin:0 auto;
	padding:70px 0;	
}

.bg_koi_strong {
	background:url(../img/bg_strong.gif);
	width:100%;
	min-height:700px;
}
.bg_koi_coming {
	background:url(../../koi_coming/img/bg_second.png) no-repeat bottom left #fff9dc;
	width:100%;
	min-height:700px;
	padding-bottom:100px;
}
.bg_koi_love {
	background:url(../../koi_love/img/bg_second.png) no-repeat bottom left #ffe7f1;
	width:100%;
	min-height:700px;
}
.box_gray {
	background-color:#f2f2f2;	
}
.r_img {
	margin:0 0 35px 35px;
}

/* 阪大は濃い  */
#koi_strong #mainimg_in{
	background:url(../../koi_strong/img/bg_title.gif);
	
}

#koi_strong #bg_main {
	background:url(../../koi_strong/img/bg_main.jpg) no-repeat top center #cfccff;
	height:540px;
	padding-top:30px;	
}

#koi_strong #progress{
	height:2%;
	width:1%;
	left:500px;
	background:url(../../koi_strong/img/bg_allow_mes02.png) repeat-y;
}
#koi_strong .box02 {
	background:url(../../koi_strong/img/bg_box02.gif);
}
#koi_strong .box03 {
	background:url(../../koi_strong/img/bg_box03.gif);
}

/* 阪大へ来い  */

#koi_coming #progress{
	height:2%;
	width:1%;
	left:500px;
	background:url(../../koi_coming/img/bg_allow_mes02.png) repeat-y;
}

#koi_coming #mainimg_in{
	background:url(../../koi_coming/img/bg_title.gif);
	
}
#koi_coming .box02 {
	background:url(../../koi_coming/img/bg_box02.gif);
}
#koi_coming .box03 {
	background:url(../../koi_coming/img/bg_box03.gif);
}

/* 阪大に恋  */
#koi_love #mainimg_in{
	background:url(../../koi_love/img/bg_title.gif);
}
#koi_love #progress{
	height:2%;
	width:1%;
	left:500px;
	background:url(../../koi_love/img/bg_allow_mes02.png) repeat-y;
}
#koi_love .section h2 {
	color:#ff1c82;
	font-size:1.4em;
}
/*#koi_love #progress .ready_allow{
	background:url(../../koi_love/img/bg_allow_mes01.png) no-repeat;
	width:350px;
	height:105px;
	position:relative;
	bottom:0;
}*/

#koi_love .box02 {
	background:url(../../koi_love/img/bg_box02.gif);
}
#koi_love .box03 {
	background:url(../../koi_love/img/bg_box03.gif);
}
#koi_love .box04 {
	background:url(../../koi_love/img/bg_box04.gif);
}
#koi_love .box05 {
	background:url(../../koi_love/img/bg_box05.gif);
}
#koi_love .box06 {
	background:url(../../koi_love/img/bg_box06.gif);
}

#koi_love .person {
	display:inline;
	position:absolute;
	left:50%;
}
#koi_coming .person {
	display:inline;
	position:absolute;
	left:50%;
}
#koi_love #bg_ready{
	background-color:#ffc2dd;
	position:relative;
}
#koi_love .backtop {
	display:inline;
	position:absolute;
	right:10%;
	bottom:20%;	
}



/* 阪大に来た  */
#koi_came .person {
	display:inline;
	position:absolute;
	left:50%;
}

#koi_came #mainimg_in{
	background:url(../../kita_came/img/bg_title.gif);
}
#koi_came #progress{
	height:2%;
	width:1%;
	left:500px;
	background:url(../../kita_came/img/bg_allow_mes02.png) repeat-y;
}
#koi_came .section h2 {
	color:#00d1ff;
	font-size:1.4em;
}

#koi_came #bg_ready{
	background-color:#acf0ff;
	position:relative;
}
#koi_came .backtop {
	display:inline;
	position:absolute;
	right:10%;
	bottom:20%;	
}
#koi_came #bg_main {
	background-color:#acf0ff;
}
.bg_kita_came {
	background:url(../../kita_came/img/bg_second.png) no-repeat left 75% #effcff;
	width:100%;
	min-height:800px;
}
.twitter-share-button {
	margin-top:10px;	
}
.social {
	width:325px;
	float:left;
	padding-top:5px;
}
.fb-like {
	width:170px;
	margin-top:-2px;
	margin-bottom:2px;	
}
.witter-share-button {
	background:#F00;	
}
.ocu_logo {
	text-align:right;
}
.font-8 {
	font-size:0.8em;	
}
.pt15 {
	padding-top:15px;	
}