@charset "UTF-8";

/* link style
------------------------------------------------------------------- */
a { color: #039; text-decoration: underline; /* ***  for Mac IE hotspot *** */ outline: underline #039; }
a:hover { color: #0AF; text-decoration:underline; }

/* common
------------------------------------------------------------------- */
html,body { margin:0; color:#000; background:url(../images/bg.jpg) left top repeat-x #E7F2EE; line-height:140%; text-align:left;　font-size:85%; overflow-x:hidden;  }
body { overflow-x:hidden; font-family: Myriad, helvetica, Arial, "hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ",  sans-serif; min-width: 1000px; }


/* header
------------------------------------------------------------------- */
#header { width:960px; height:175px; margin:0 auto; position:relative; }

	/* title
	------------------------------------------------------------------- */
	#header h1 { color:#FFF; height:31px; line-height:31px; margin-bottom:20px; font-size:96%; }

	/* logo
	------------------------------------------------------------------- */
	#header p a { display:block; width:173px; height:68px; padding-top:15px; float:left; }

	/* navigation[G}
	------------------------------------------------------------------- */
	#header ul { width:445px; height:102px; float:left; margin-left:55px; position:relative; }
	#header ul li a { display:block; position:absolute; }
	/* hover */
	#header ul li:nth-child(1) a { width:102px; height:102px; left:0; top:0; background:url(../images/nav01hv.jpg) left top no-repeat; }
	#header ul li:nth-child(2) a { width:102px; height:102px; left:110px; top:0; background:url(../images/nav02hv.jpg) left top no-repeat; }
	#header ul li:nth-child(3) a { width:102px; height:102px; left:220px; top:0; background:url(../images/nav03hv.jpg) left top no-repeat; }
	#header ul li:nth-child(4) a { width:114px; height:48px; right:0; top:0; background:url(../images/nav04hv.jpg) left top no-repeat; }
	#header ul li:nth-child(5) a { width:114px; height:48px; right:0; bottom:0; background:url(../images/nav05hv.jpg) left top no-repeat; }
	/* active */
	#header ul li.ac a { text-indent:-9000em; }


	/* tel
	------------------------------------------------------------------- */
	#header address { float:right; margin-top:-10px; }


/* main
------------------------------------------------------------------- */
#main_wrap { width:100%; height:361px; padding-top:23px; background:url(../images/main_bg.jpg) left top repeat-x; margin-bottom:30px; }
#main { width:944px; height:314px; padding:10px; margin:0 auto; background:url(../images/main.jpg) left top no-repeat; position:relative; }


/* box
------------------------------------------------------------------- */
#box_wrap { width:960px; margin:0 auto; padding-bottom:100px; }
#box_wrap .box { width:300px; float:left; margin-left:30px; position:relative; }
#box_wrap .n01,#box_wrap .n04 { margin-left:0; }
#box_wrap .n06 {
	width:300px;
	float:left;
	margin-left:30px;
	position:relative;
	height:247px;
overflow: ; 	overflow: hidden;
}


	/* box1 topix
	------------------------------------------------------------------- */
	#box_wrap .n01 { margin-bottom:50px; }
	#box_wrap .n01 a img { position:absolute; right:2px; top:-4px; }
	#box_wrap .n01 li { height:35px; padding-top:15px; background:url(../images/box1_list_bg.jpg) left bottom no-repeat; padding-left:5px; font-size:85%; line-height:1.4; }
	#box_wrap .n01 li a { color:#330; text-decoration:none; }


	/* box2 item
	------------------------------------------------------------------- */
	#box_wrap .n02 { margin-bottom:50px; }
	#box_wrap .n02 h3 { margin-bottom:10px; }
	#box_wrap .n02 ul li { float:left; }
	#box_wrap .n02 ul li a { display:block; width:93px; height:93px; margin:0 0 10px 10px; }
	/* hover */
	#box_wrap .n02 ul li:nth-child(1) a { background:url(../images/box2_icon02hv.jpg) left top no-repeat; margin-left:0; }
	#box_wrap .n02 ul li:nth-child(2) a { background:url(../images/box2_icon07hv.jpg) left top no-repeat; }
	#box_wrap .n02 ul li:nth-child(3) a { background:url(../images/box2_icon03hv.jpg) left top no-repeat; }
	#box_wrap .n02 ul li:nth-child(4) a { background:url(../images/box2_icon04hv.jpg) left top no-repeat; margin-left:0; }
	#box_wrap .n02 ul li:nth-child(5) a { background:url(../images/box2_icon05hv.jpg) left top no-repeat; }
	#box_wrap .n02 ul li:nth-child(6) a { background:url(../images/box2_icon06hv.jpg) left top no-repeat; }
	#box_wrap .n02 ul li:nth-child(7) a { background:url(../images/box2_icon01hv.jpg) left top no-repeat; margin-left:0; margin-bottom:0; }


	/* box3 about
	------------------------------------------------------------------- */
	#box_wrap .n03 { width:300px; height:344px; background:url(../images/box3_bg.jpg) left bottom no-repeat; margin-bottom:50px; }
	#box_wrap .n03 h3 { margin-bottom:15px; }
	#box_wrap .n03 p { padding:0 20px; font-size:93%; line-height:1.4; }
	#box_wrap .n03 a img { position:absolute; right:13px; bottom:25px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; }
	#box_wrap .n03 a img:hover { bottom:30px; }


	/* box4 reform
	------------------------------------------------------------------- */
	#box_wrap .n04 h3 { margin-bottom:15px; }
	#box_wrap .n04 a img { position:absolute; right:2px; top:-4px; }
	#box_wrap .n04 p { margin-top:10px; font-size:93%; }


	/* box5 cafe
	------------------------------------------------------------------- */
	#box_wrap .n05 h3 { margin-bottom:15px; }
	#box_wrap .n05 a img { position:absolute; right:2px; top:-4px; }
	#box_wrap .n05 p { margin-top:10px; font-size:93%; }


	/* box6 facebook
	------------------------------------------------------------------- */
	#box_wrap .n06 h3 { margin-bottom:10px; }


/* footer
------------------------------------------------------------------- */
#footer_wrap { width:100%; background:url(../images/f_bg.jpg) left top repeat-x; }
#footer { width:960px; margin:0 auto; height:320px; padding-top:50px; color:#FFF; position:relative; }
#footer small { position:absolute; right:0; bottom:30px; color:#EEE; font-size:93%; }
#footer small a { color:#EEE; }


	/* box1 info area
	------------------------------------------------------------------- */
	#footer .box1 { float:left; }
	#footer .box1 address { margin:40px 0 40px; font-size:98%; }
	#footer .box1 address span { font-size:85%; }
	#footer .box1 .btn { width:174px; height:28px; background:url(../images/f_btnhv.jpg) left top no-repeat; display:block; }


	/* box2 list_contents
	------------------------------------------------------------------- */
	#footer .box2 { float:left; margin-left:60px; }
	#footer .box2 h3 { margin-bottom:35px; }
	#footer .box2 ul { line-height:2.0; }
	#footer .box2 ul li a { color:#FFF; font-size:85%; text-decoration:none; }
	#footer .box2 ul li a span { font-size:85%; }


	/* box3 list_shoping
	------------------------------------------------------------------- */
	#footer .box3 { float:left; margin-left:30px; }
	#footer .box3 h3 { margin-bottom:35px; }
	#footer .box3 ul { line-height:2.0; }
	#footer .box3 ul li a { color:#FFF; font-size:85%; text-decoration:none; }


	/* box4 mail
	------------------------------------------------------------------- */
	#footer .box4 { float:right; width:271px; }
	#footer .box4 h3 { margin-bottom:20px; }
	#footer .box4 .qr { float:left; margin-right:15px; padding-bottom:20px; }
	#footer .box4 h4 { padding:0 0 15px; }
	#footer .box4 p { font-size:85%; }
	#footer .box4 p span { font-size:105%; color:#DDD; line-height:1.4; }



