/* 初期化 */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,p,blockquote,table,th,td{
	margin: 0;
	padding: 0;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
	font-style: normal;
	font-weight: normal;
}

fieldset,img,abbr{ border: 0; }
caption,th{ text-align: left; }
q:before,q:after{ content: ''; }
a{ text-decoration: none; }
img{
	border: none;
	vertical-align: bottom;
}

html{ overflow-y: scroll; }
body,x:-moz-broken { margin-left:-1px; }


/* main */


body{
	background: url(../img/pink-bg.gif) top repeat-x #fff4f7 fixed;
	margin: 0;
	text-align: center;
}



#container{
	width: 800px;
	margin:0 auto;
	text-align:left;
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 12pt;
	color: #333;
	background: #FFF;
	zoom: 1; /*必須！*/
	filter:
	    progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
	    progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
	    progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.2);
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	
}


#head { 
	margin: 0 auto;
	background: #FFF;
}

#banner {
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
	width: 760px;
	color: #e45991;
	text-align: left;
	border-bottom: solid #DCDCDC 1px;
	background: #f7f4f0;
}

#banner h1{
	font-size:30px;
	background: #e55991;
	padding: 5px 20px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #FFF;
}

#banner .sentence{
	line-height:110%;
	font-size:15px;
	margin: 10px 20px;
	color: #a54819;
}

#Top-contentsbox{
	margin: 20px auto;
	text-align:center;
	width: 800px;
}

#Top-contents{
	padding: 10px 20px;
	text-align:left;
}


#Top-contents h2{
	padding-top:4px;
	padding-left:50px;
	padding-bottom:6px;
	margin:10px;
	font-size:14px;
	background: url(../img/pink-title.png) no-repeat left #835e43;
	border-top: solid 3px #c2b0a2;
	border-bottom: solid 3px #c2b0a2; 
	color: #FFF;
}

.Top-main{
	margin-left:0px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	padding: 25px auto;
}

.main-left{
	margin: auto;
	text-align: center
}

.main-left .left-img{
	padding: 40px;
}

.main-right{
	margin:0 20px;
	width: auto;
	padding: 5px 20px;
	background: #fdf9f8;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em; 
	border: #cfaa8f solid 2px; 
}


.main-title{
	margin:5px 20px;
	padding: 5px 0;
	font-size:18px;
	color: #c13a72;
	border-bottom: 1px dotted #c13a72;
	text-align: center;
}

.main-right .main-sentence{
	margin:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:15px;
	line-height:120%;
}



.main-right .main-link {
	margin:25px 10px;
	text-align: center;
}



.main-right .main-link a{
	border-color: #979797;
	border-style: solid;
	border-width: 1px;
	color: white;
	margin:15px 5px;
	font-size:13px;
	text-align:right;
	height: 50px;
	background: url(../img/pnk-click.gif) repeat-x;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	padding: 10px 25px;
}

.main-right .main-link a:hover{
	border-color: #979797;
	border-style: solid;
	border-width: 1px;
	color: white;
	margin:15px 5px;
	font-size:13px;
	text-align:right;
	height: 50px;
	background: url(../img/pnk-click2.gif) repeat-x;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	padding: 10px 25px;
}


.main-bottom{
	clear:both;
}


#osusume-box{
	margin: 10px auto;
	padding:10px;
	text-align:center;
}

#main-bigbox{
	text-align:left;
}

.main-box{
	margin:40px 10px;
	/* border: 1px solid gray; */
}


.main-box h3{
	text-align: left;
	padding-top:4px;
	padding-left:50px;
	padding-bottom:6px;
	margin:15px 15px 25px 15px;
	font-size:14px;
	background: url(../img/pink-title.png) no-repeat left #835e43;
	border-top: solid 3px #c2b0a2;
	border-bottom: solid 3px #c2b0a2; 
	color: #FFF;
}

.main-box .img-box{
	margin-left:0px;
	margin-right:5px;
	margin-top:0;
	margin-bottom:5px;
	padding-left: 40px;
	float: left;
	text-align: center;
	max-width: 250px;
}


.main-box .sentence-box{
	margin:0 40px 0px 10px;
	float:right;
	max-width: 450px;
	padding: 20px;
	background: #fdf9f8;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em; 
	border: #cfaa8f solid 2px;
	text-align: left;
	font-size: 89%;
}

.main-box .link-box{
	margin:25px 10px;
	text-align: center;
}

.main-box .link-box a{
	border-color: #979797;
	border-style: solid;
	border-width: 1px;
	color: white;
	margin:15px 5px;
	font-size:13px;
	text-align:right;
	height: 50px;
	background: url(../img/pnk-click.gif) repeat-x;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	padding: 10px 25px;
}

.main-box .link-box a:hover{
	border-color: #979797;
	border-style: solid;
	border-width: 1px;
	color: white;
	margin:15px 5px;
	font-size:13px;
	text-align:right;
	height: 50px;
	background: url(../img/pnk-click2.gif) repeat-x;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	padding: 10px 25px;
}




#Bottom-box{
	margin:40px auto;
	margin-top:90px;
	width:700px;
	background: #FAFAFA;
	border: solid 1px #DCDCDC;
	padding: 20px;
}

#Bottom-box .Bottom-title{
	margin: 5px 20px;
	padding: 5px 20px;
	color: #713b48;
	font-size:15px;
	text-align: left;
	border-bottom:1px solid #713b48;
}

#Bottom-box .Bottom-main{
	margin:5px auto;
	padding:5px;
	width:650px;
	font-size:12px;
	border-bottom: 1px dotted gray;
	text-align:left;
}

#Bottom-box .Bottom-affili{
	margin:8px auto;
	padding:5px 50px;
	font-size:11px;
	line-height:120%;
	text-align:left;
}

#Bottom-box ul li {
	list-style-type: none;
	padding: 2px 20px;
}



#footer{
	padding: 20px;
	text-align: center;
	border-top: solid 1px #9A9A9A;
	margin: 0 50px;
	color: #999;
}

#copyright{
	font-size: 12px;
}