@charset "UTF-8";

	body {
		background-image: url(../mat/back.png);
		//background-color: #AA3853;
		
		color     : #2f5d50;
		margin    : 0;
		padding   : 0;
		
		font-size : 11px;
	}
	
	h1{
		font-size: 30px;
		font-family: 'Varela Round', sans-serif;
		text-align: center;
		color: white;
		margin : 40px;
	}
		h2{
		font-size: 25px;
		font-family: 'Varela Round', sans-serif;
		color: white;
		margin : 0px;
		}
		
		h3{
		font-size: 20px;
		padding: 5px;
		margin : 0px;
		}
	
	hr{
		border: 1px dashed rgba(0,0,0,0.2);
	}
	
	#container {
		background-color: #f4e3c3;
		
		border-left : 3px #89bfa4 solid;
		border-right: 3px #89bfa4 solid;
		
		box-shadow: 0px 10px 15px 10px rgba(0,0,0,0.3);
		
		width : 900px;
		margin: 0 auto;
	}
	
	#over{
		background-color: #89bfa4;
		
		position : fixed;
		z-index  : 5;
		
		width : 900px;
		height : 30px;
		
	}
		#over li{
		font-family: 'Varela Round', sans-serif;
		vertical-align: bottom;
			text-align: center;
			display: inline-block;
		}
		#over a{
			border-radius : 0px 0px 5px 5px;
			height : 18px;
			text-decoration: none;
			background: white;
			display:block;
			width: 146px;
			padding: 5px 0px;
		}
	
	#header {
		background-color: #89bfa4;
		text-align: right;
		height : 30px;
	}

	#flash {
		//background-image: url(../mat/tile.jpg);
		//background-color: #89bfa4;
		text-align: center;
	}
	
	#counter {
		padding : 0px 0px 10px;
		text-align    : right;
		letter-spacing: 0.2em;
		
		color         : #89bfa4;
		font-size     : 10px;
	}

	#menu {
			float     : left;
	}
		#logo{
			background: #89bfa4;
			
			border-radius : 0px 50px 50px 0px;
				padding   : 30px 10px;
				width     : 160px;
		}
		#side_info{
			margin: 40px 0px;
			background: #AA3853;
			color : white;
			
			border-radius : 0px 50px 50px 0px;
			padding   : 30px 10px;
			width     : 160px;
		}
		#side_info a{
			padding : 2px 4px;
			display: inline-block;
			background: white;
			color: #AA3853;
			text-decoration:none;
		}
		
	#main {
			float: left;
			width: 720px;
			margin: 0px 0px 40px;
	}
		
	#submain {
			background : #C2E8C4;
			clear : left;
			padding: 10px 0px;
			border-radius : 50px 50px 0px 0px;
	}
	
	#iv_news{
		margin : 10px 0px 0px 0px;
		display: inline-block;
	}
		#iv_news table{
		width : 440px;
			background:white;
			border-collapse: collapse;
			margin: 0px 5px;
			padding: 5px;
			font-size : 12px;
		}
		#iv_news tr{
		}
		#iv_news td{
			border: 1px solid #cccccc;
			padding : 5px 10px;
			//background: pink;
		}
		#iv_news th{
			padding: 5px;
			letter-spacing: 0.2em;
			color : white;
			background: linear-gradient(to bottom, #89bfa4, #6AA98A);
			background: -moz-linear-gradient(top,#89bfa4 0%,#6AA98A);
			background: -webkit-gradient(linear, left top, left bottom, from(#89bfa4), to(#6AA98A));
		}
		
	#c_info{
		width : 440px;
		display: inline-block;
		vertical-align: text-bottom;
	}
	
	#message{
			font-family : 'Exo 2', sans-serif;
			width       : 450px;
			margin      : 0 auto;
			color       : white;
	}
		#message table{
			width         : 450px;
			background    : #AA3853;
			margin        : 0px 0px 50px;
			padding       : 40px 20px;
			border-radius : 0px 0px 50px 50px;
		}
	.messlog{
			font-family : 'Exo 2', sans-serif;
			width       : 450px;
			margin      : 0 auto;
			color       : white;
		}
		.messlog table{
			background    : #89bfa4;
			width         : 450px;
			margin        : 0px 0px 50px;
			padding       : 30px 20px;
			border-radius : 50px;
			}
		.messlog .ress{
			padding: 5px 10px;
			color: #2f5d50;
			background: white;
			width: 200px;
			border-radius : 10px;
		}
	
	#prof {
			background-color: #89bfa4;
			overflow        : hidden;
	}
		.prf_box {
			float        : left;
			color        : #ffffff;
			font-size    : 10px;
			text-shadow  : 0 1px 2px #111111;
			border-radius: 3px;
			border       : 3px solid #89bfa4;
			background   : #89bfa4;
			box-shadow   :	0 2px 0 rgba(255, 255, 255, 0.3) inset,
							0 0 5px rgba(0, 0, 0, 0.3) inset,
							0 1px 2px rgba(0, 0, 0, 0.3);
			padding: 0px 10px;
			margin : 4px 10px;
			width  : 200px;
			height : 200px;
		}
		.left_link_box {
			width : 260px;
			margin: 4px 4px;
			float : left;
		}
		.right_link_box {
			margin: 4px 4px;
			float : right;
		}
		
	ul {
			padding: 0;
			margin : 0;
			
			list-style-type: none;
	}
		
		.c_left_f{ clear: left; }
		
	#footer {
		background-color: #89bfa4;
		color           : #ffffff;
		text-align      : center;
	}
	
	/*------ ここからギャラリー関係 ------*/
	
	#new_illust {
		background-image: url(../mat/tile_f.jpg);
		border-radius : 50px;
			padding   : 30px;
			margin    : 0 auto;
			width     : 612px;
	}
	#g_menu{
		float:left;
		background: #89bfa4;
		
		border-radius : 0px 50px 50px 0px;
		padding   : 30px 15px 30px 5px;
		margin    : 10px 0px;
		width     : 120px;
	}
		#g_menu a{
		text-decoration: none;
		background  : white;
		font-size   : 12px;
		display     : block;
		text-align  : center;
		padding     : 10px;
		}
	
	#gallery_main {
		float     : left;
		width     : 720px;
		padding   : 15px;
		text-align: center;
	}
	
	.g_f li{
		//background-image: url(../mat/tile_f.jpg);
		background : white;
		text-align      : center;
		margin       : 8px 3px;
		float        : left;
		border-radius: 3px;
		box-shadow   : 1px 1px 2px 0px rgba(0,0,0,0.6);
	}
	.g_f_top_top{
		padding: 28px;
		width  : 550px;
		//min-height : 500px;
	}
	
	.g_f_top{
		width  : 100px;
		height : 196px;
	}
	
	.g_f_sub{
		width  : 45px;
		height : 90px;
	}
	.g_f span{
			font-family: 'Exo 2', sans-serif;
			color           : white;
			font-size       : 15px;
			position        : absolute;
			top   : 0px;
			left  : 0px;
			padding : 10px 0px;
			width   : 100px;
	}
		.g_f span.nomal{
			background-color: #AA3853;
		}
		.g_f span.r18{
			background-color: darkorange;
		}
		
	.g_last a{
		display : block;
		position: relative;
		width: 45px;
		height: 90px;
	}
	.g_last img{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	
	#c_menu{
		float:left;
		background: #89bfa4;
		
		border-radius : 0px 50px 50px 0px;
		padding   : 30px 15px 30px 5px;
		margin    : 10px 0px;
		width     : 120px;
	}
		#c_menu a{
		text-decoration: none;
		background  : white;
		font-size   : 12px;
		display     : block;
		text-align  : center;
		padding     : 10px;
	}
	
	/*------ ここからサークル関係 ------*/
	
	#circle_main {
		float     : left;
		width     : 720px;
		padding   : 15px;
		text-align: center;
	}
	.circle_caption{
		font-size: 15px;
		background: #AA3853;
		color: white;
	}
	.c_last a{
		display : block;
		position: relative;
		width : 60px;
		height: 230px;
	}
	.c_last img{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
	}
	
	.doujin {
		margin : 10px 0px 0px 0px;
		text-align      : left;
	}
		.doujin li{
			background   : white;
			box-shadow   : 0px 0px 3px 0.5px rgba(0,0,0,0.6);
			border-radius: 3px;
			float        : left;
			margin       : 5px 5px;
			height	: 260px;
		}
		
		.doujin table{
			border: 1px;
			margin :  5px  5px;
			width  : 145px;
			height : 230px;
		}
		
		.doujin p.day{
			background-color: #89bfa4;
			text-align      : right;
			margin: 0px;
		}
		
		.doujin p.nomal{
			color           : white;
			font-size       : 15px;
			background-color: #AA3853;
			padding : 10px 10px;
			letter-spacing: 0.2em;
		}
		.doujin p.r18{
			color           : white;
			font-size       : 15px;
			background-color: darkorange;
			padding : 10px 10px;
			letter-spacing: 0.2em;
		}
		
		.book{
			text-align : center;
		}
			.book img{
				box-shadow : 1px 1px 3px 0.5px rgba(0,0,0,0.6);
			}