*{
	margin:0;
	padding:0;
	list-style:none;}
*html body{text-align: center;}
body{
	color:#333;
	font-size:16px;
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	margin: 30px auto;
	background-color:#FEEDEE;}
img{
	border:none;
	vertical-align:bottom;
	padding: 0 10px 7px 0;
	max-width:670px;}
a{
	color:#333;
	text-decoration	: underline ;}
a:visited{
	color:#FF91B7;
	text-decoration	: underline ;}
a:hover{
	color:#FF91B7;
	text-decoration	: none ;}
a:active{
	color:#333;
	text-decoration	: none ;}
form label {cursor: pointer;}
.border_none{border:none !important;}
p{margin-bottom:25px;}
.center_btn{text-align:center;}
.font10{font-size:10px;}
.font12{font-size:12px;}
.font18{font-size:18px;}
.red{color:#e91221;}
.fbg_y{background-color:#fff5a5;}	
.font_b{font-weight:bold;}	

/*---- container ----*/
#container{}

/*---- header ----*/
#header{
	max-width:698px;
	margin:0 auto;
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	border-left: 1px solid #CCC\9;
	border-right: 1px solid #CCC\9;
	background-color:#FFF;}
#header h1{
	color:#FFF;	
	font-weight:normal;
	font-size:10px;
	padding:6px 0 6px 10px;
	height:auto;
	line-height:18px;
	background:#FF91B7; }
#header p{display:inline;}

/*---- title_gazou ----*/	
#title_gazou{
	width:698px;
	min-height:150px;
	margin-bottom:15px;
	border-bottom:1px solid #cccccc;
	background:url(../img/simple011.jpg) no-repeat center bottom;
	display: table;}
@-moz-document url-prefix() {#title_gazou{height:150px;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, #title_gazou {height:150px;}}
*html #title_gazou{display: block; padding: 30px 20px; height:150px; margin: 0 auto; text-align: left;}
#title_gazou p{
	color:#000;
	font-weight:bolder;
	font-size:32px;
	line-height:36px;
	display: table-cell;
	vertical-align: middle;
	padding: 25px 30px 20px 30px;}
*:first-child+html #title_gazou p{padding: 30px 30px 20px; display: inline-block;}
#title_gazou p a{
	color:#000;
	text-decoration:none !important;
	display:block;}
#title_gazou p a:hover{color: #555;}

/*---- content ----*/	
#content{
	background-color:#FFF;
	width:668px;
	margin:0 auto;
	padding:0 15px 20px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	border-left: 1px solid #CCC\9;
	border-right: 1px solid #CCC\9;}
*html #content{ text-align: left;}
/*---- 共通ヘッダー・共通フッター ----*/	
.commonHeader {margin-bottom:10px;}
.commonFooter {
	border-top:1px solid #cccccc;
	padding: 10px 15px 0 15px;}

/*---- フッターメニュー用 ----*/
*html #footer{width:694px;}
#footer	{
	background-color:#FFF;
	width:698px;
	text-align:left;
	margin:0 auto;
	background:#ffffff;
	padding:10px 0 0;
	box-shadow: 0 4px 6px rgba(0,0,0,0.3);
	border-left: 1px solid #CCC\9;
	border-right: 1px solid #CCC\9;
	border-bottom: 1px solid #CCC\9;}
#footer h4{
	max-width: 670px;
	font-size:14px;
	padding:2px 6px;
	margin:10px 15px 12px 15px;
	border-left : 5px solid #FF91B7;}	
#footer ul.footmenu,.footer p{
	max-width:670px;
	padding:0 15px;}	
#footer ul.footmenu {margin-bottom:10px;}
#footer ul.footmenu li{
	float:left;
	font-size:13px;
	padding-bottom:5px;
	text-indent:18px;
	padding-right:10px;
	background:url(../img/square10.png) no-repeat 0 40%;
	white-space: nowrap;}
#footer ul.footmenu li a{margin-right:10px;}
.t_right{text-align:right;}
.copy_right{
	color:#666666;
	font-size:12px;
	padding:6px 0;
	text-align:center;
	border-top:1px solid #cccccc;}

/*----clearfix設定----*/
.clearfix,  ul.internalLinkList,  ul.backnumberList,  ul.listStyleArrow03Inline,  div.borderStyleXXS dl,  div.borderStyleXS dl,  div.borderStyleS dl,  div.borderStyleM dl,  div.borderStyleL dl,  div.borderStyleXL dl,  div.borderStyleXXL dl,  div.groupInfo h5 {
	_overflow:visible;
	_height:1px;
	zoom:1;}
.clearfix:after,  ul.internalLinkList:after,  ul.backnumberList:after,  ul.listStyleArrow03Inline:after,  div.borderStyleXXS dl:after,  div.borderStyleXS dl:after,  div.borderStyleS dl:after,  div.borderStyleM dl:after,  div.borderStyleL dl:after,  div.borderStyleXL dl:after,  div.borderStyleXXL dl:after,  div.groupInfo h5:after {
	content:".";
	display:block;
	visibility:hidden;
	clear:both;
	margin:-1px 0 0 0;
	height:1px;
	font-size:0;
	line-height:0;}

/*---- 画像の位置 ----*/	
.fleft {
    float: left;
	padding:0;}
.fright {
    float: right;
	padding:0 0 0 7px;}
.fcenter {
	text-align:center;
	padding:10px 0;}

/*---- 文字の装飾 ----*/	
.pink {color: #F69;}
.font_big{
	font-size:1.4em;
	font-weight:bold;}
.futozi {
	font-weight:bold;
	padding:2px;}
.keikou{
	background-color: #FFE566;
    font-weight: bold;
    padding: 2px;}
.point_font{
	color:#FF91B7333;
	font-size:1.8em;
	line-height:1.2em;
	font-weight:bold;
	text-align:center;
	margin-bottom:20px;}

/*---- コンテンツ内のタイトル ----*/	
h2{
	font-size:16px;
	width:662px;
	height:auto;
	line-height:160%;
	padding: 7px 4px 4px 4px;
	text-indent:35px;
	margin: 0 0 12px 0;
	background-color: #FF91B7;
	background-image:  url(../img/arrowline01.png) ;
	background-position: 6px 6px;
	background-repeat:no-repeat;
	color: #FFF;}
h3{
	font-size:16px;
	width:662px;
	height:auto;
	line-height:160%;
	text-indent:30px;
	margin: 0 0 14px 0;
	background-image:  url(../img/arrowline_s10.png) ;
	background-position: 4px 9px;
	background-repeat:no-repeat;
	padding: 6px 0 0 0;
	color: #333;}

/*---- レスポンシブ----*/	
@media screen and (max-width: 720px){
	body{
		background:none;
		margin:0;}
	img {
		max-width:100%;
		height: auto;}
	.fleft {
		max-width: 100%;
		float: left; }
	.fright {
		max-width: 100%;
		float: right; }
	table {width:100%;}
	h2,h3{width: auto;}
	#title_gazou{width: 100%;}
	#title_gazou p{margin:0;font-size:170%;padding: 25px 20px 20px 20px;}
	#content{
		max-width:670px;
		width: auto;}
	#footer{width: auto;}
	#footer h4{margin: 10px 12px 12px 12px;}
	#footer ul.footmenu{padding: 0;}
	#footer ul.footmenu li{
		float:none;
		padding: 10px 10px 8px 8px;
		margin-bottom: 2px;
		border: none;
		border-radius: 0;
		border-bottom: 1px solid #c9c9c9;
		display: block;
		background: #FFCEDF url(../img/square10.png) no-repeat 10px center;
		overflow: hidden;
		text-overflow: ellipsis;
		-moz-text-overflow:ellipsis; /* Firefox */}
	#footer ul.footmenu li a{
		text-decoration: none;
	 	font-weight: bold;}
	#footer ul.footmenu li:hover{
		background: #f7f4cc url(../img/square10.png) no-repeat 10px center;	/*背景色、背景画像の読み込み、リピートしない、左から12px、上下中央に配置。*/}
	.copy_right{width: auto; padding:6px 4px;}
}