@charset "utf-8";

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@font-face {
  font-family: 'bridalnavi';
  src: url('/css/bridalnavi/font/bridalnavi.eot?99910006');
  src: url('/css/bridalnavi/font/bridalnavi.eot?99910006#iefix') format('embedded-opentype'),
       url('/css/bridalnavi/font/bridalnavi.woff?99910006') format('woff'),
       url('/css/bridalnavi/font/bridalnavi.ttf?99910006') format('truetype'),
       url('/css/bridalnavi/font/bridalnavi.svg?99910006#bridalnavi') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'bridalnavi';
    src: url('/css/bridalnavi/font/bridalnavi.svg?99910006#bridalnavi') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "bridalnavi";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 

.icon-thumbs-up:before { content: '\e800'; } /* '' */
.icon-thumbs-down:before { content: '\e801'; } /* '' */
.icon-pin:before { content: '\e802'; } /* '' */
.icon-search:before { content: '\e803'; } /* '' */
.icon-comment:before { content: '\e804'; } /* '' */
.icon-comment-empty:before { content: '\e805'; } /* '' */
.icon-wrench:before { content: '\e806'; } /* '' */
.icon-angle-circled-down:before { content: '\e807'; } /* '' */
.icon-angle-circled-right:before { content: '\e808'; } /* '' */
.icon-leaf:before { content: '\e809'; } /* '' */
.icon-align-justify:before { content: '\e80a'; } /* '' */
.icon-cab:before { content: '\e80b'; } /* '' */
.icon-megaphone:before { content: '\e80c'; } /* '' */
.icon-diamond:before { content: '\e80d'; } /* '' */
.icon-home:before { content: '\e80e'; } /* '' */
.icon-pencil:before { content: '\e80f'; } /* '' */
.icon-feather:before { content: '\e810'; } /* '' */
.icon-tag:before { content: '\e811'; } /* '' */
.icon-chat:before { content: '\e812'; } /* '' */
.icon-comment-1:before { content: '\e813'; } /* '' */
.icon-chat-1:before { content: '\e814'; } /* '' */
.icon-facebook-rect:before { content: '\e815'; } /* '' */
.icon-twitter-bird:before { content: '\e816'; } /* '' */
.icon-googleplus-rect:before { content: '\e817'; } /* '' */
.icon-attach:before { content: '\e818'; } /* '' */
.icon-star:before { content: '\e819'; } /* '' */
.icon-star-empty:before { content: '\e81a'; } /* '' */
.icon-heart:before { content: '\e81b'; } /* '' */
.icon-heart-empty:before { content: '\e81c'; } /* '' */
.icon-th:before { content: '\e81d'; } /* '' */
.icon-th-list:before { content: '\e81e'; } /* '' */
.icon-bell:before { content: '\e81f'; } /* '' */
.icon-chat-2:before { content: '\e820'; } /* '' */
.icon-edit:before { content: '\e821'; } /* '' */
.icon-pencil-1:before { content: '\e822'; } /* '' */
.icon-lightbulb:before { content: '\e823'; } /* '' */
.icon-right-open:before { content: '\e824'; } /* '' */
.icon-down-open:before { content: '\e825'; } /* '' */
.icon-left-open:before { content: '\e826'; } /* '' */
.icon-up-open:before { content: '\e827'; } /* '' */
.icon-paper-plane-empty:before { content: '\e828'; } /* '' */
.icon-list-bullet:before { content: '\e829'; } /* '' */
.icon-columns:before { content: '\e82a'; } /* '' */
.icon-scissors:before { content: '\e82b'; } /* '' */
.icon-gift:before { content: '\e82c'; } /* '' */
.icon-tree:before { content: '\e82d'; } /* '' */
.icon-venus:before { content: '\e82e'; } /* '' */
.icon-mars:before { content: '\e82f'; } /* '' */
.icon-gplus-squared:before { content: '\e830'; } /* '' */
.icon-facebook-squared:before { content: '\e831'; } /* '' */
.icon-twitter-squared:before { content: '\e832'; } /* '' */
.icon-user:before { content: '\e833'; } /* '' */
.icon-attach-1:before { content: '\e834'; } /* '' */
.icon-lock:before { content: '\e835'; } /* '' */
.icon-right-open-big:before { content: '\e836'; } /* '' */
.icon-down-open-big:before { content: '\e837'; } /* '' */
.icon-left-open-big:before { content: '\e838'; } /* '' */
.icon-up-open-big:before { content: '\e839'; } /* '' */
.icon-clipboard:before { content: '\e83a'; } /* '' */
.icon-star-1:before { content: '\e83b'; } /* '' */
.icon-star-filled:before { content: '\e83c'; } /* '' */
.icon-home-outline:before { content: '\e83d'; } /* '' */
.icon-attach-outline:before { content: '\e83e'; } /* '' */
.icon-pin-outline:before { content: '\e83f'; } /* '' */
.icon-pin-1:before { content: '\e840'; } /* '' */
.icon-thumbs-up-1:before { content: '\e841'; } /* '' */
.icon-thumbs-down-1:before { content: '\e842'; } /* '' */
.icon-warning:before { content: '\e843'; } /* '' */
.icon-feather-1:before { content: '\e844'; } /* '' */
.icon-menu:before { content: '\e845'; } /* '' */
.icon-gift-1:before { content: '\e846'; } /* '' */
.icon-key-outline:before { content: '\e847'; } /* '' */
.icon-key:before { content: '\e848'; } /* '' */
.icon-leaf-1:before { content: '\e849'; } /* '' */
.icon-certificate:before { content: '\e84a'; } /* '' */
.icon-certificate-outline:before { content: '\e84b'; } /* '' */
.icon-search-1:before { content: '\e84c'; } /* '' */
.icon-user-1:before { content: '\e84d'; } /* '' */
.icon-key-1:before { content: '\e84e'; } /* '' */
.icon-key-inv:before { content: '\e84f'; } /* '' */
.icon-user-woman:before { content: '\e850'; } /* '' */
.icon-user-2:before { content: '\e851'; } /* '' */
.icon-edit-1:before { content: '\e852'; } /* '' */
.icon-thumbs-down-2:before { content: '\e853'; } /* '' */
.icon-thumbs-up-2:before { content: '\e854'; } /* '' */
.icon-heart-1:before { content: '\e855'; } /* '' */
.icon-user-3:before { content: '\e856'; } /* '' */
.icon-user-female:before { content: '\e857'; } /* '' */
.icon-embassy:before { content: '\e858'; } /* '' */
.icon-restaurant:before { content: '\e859'; } /* '' */
.icon-search-2:before { content: '\e85a'; } /* '' */
.icon-glass:before { content: '\e85b'; } /* '' */
.icon-th-large:before { content: '\e85c'; } /* '' */
.icon-picture:before { content: '\e85d'; } /* '' */
.icon-flag:before { content: '\e85e'; } /* '' */
.icon-bookmark-empty:before { content: '\e85f'; } /* '' */
.icon-bookmark:before { content: '\e860'; } /* '' */
.icon-clipboard-1:before { content: '\e861'; } /* '' */
.icon-gift-2:before { content: '\e862'; } /* '' */
.icon-megaphone-1:before { content: '\e863'; } /* '' */
.icon-key-2:before { content: '\e864'; } /* '' */
.icon-attach-2:before { content: '\e865'; } /* '' */
.icon-photo:before { content: '\e866'; } /* '' */
.icon-camera:before { content: '\e867'; } /* '' */
.icon-note:before { content: '\e868'; } /* '' */
.icon-wallet:before { content: '\e869'; } /* '' */
.icon-money:before { content: '\e86a'; } /* '' */
.icon-mail:before { content: '\e86b'; } /* '' */
.icon-religious-jewish:before { content: '\e86c'; } /* '' */
.icon-police:before { content: '\e86d'; } /* '' */
.icon-pin-2:before { content: '\e86e'; } /* '' */
.icon-money-1:before { content: '\e86f'; } /* '' */
.icon-picture-1:before { content: '\e870'; } /* '' */
.icon-flag-1:before { content: '\e871'; } /* '' */
.icon-bookmark-empty-1:before { content: '\e872'; } /* '' */
.icon-bookmark-1:before { content: '\e873'; } /* '' */
.icon-doc:before { content: '\e874'; } /* '' */
.icon-doc-inv:before { content: '\e875'; } /* '' */
.icon-doc-text:before { content: '\e876'; } /* '' */
.icon-folder:before { content: '\e877'; } /* '' */
.icon-flag-filled:before { content: '\e878'; } /* '' */
.icon-comment-inv-alt2:before { content: '\e879'; } /* '' */
.icon-location:before { content: '\e87a'; } /* '' */
.icon-attach-3:before { content: '\e87b'; } /* '' */
.icon-tree-1:before { content: '\e87c'; } /* '' */
.icon-stop:before { content: '\e87d'; } /* '' */
.icon-basket:before { content: '\e87e'; } /* '' */
.icon-phone:before { content: '\e87f'; } /* '' */
.icon-phone-squared:before { content: '\e880'; } /* '' */
.icon-phone-1:before { content: '\e881'; } /* '' */
.icon-calendar-empty:before { content: '\e882'; } /* '' */
.icon-link-ext:before { content: '\e883'; } /* '' */
.icon-quote-left:before { content: '\e884'; } /* '' */
.icon-quote-right:before { content: '\e885'; } /* '' */
.icon-location-alt:before { content: '\e886'; } /* '' */
.icon-location-1:before { content: '\e887'; } /* '' */
.icon-quote-left-alt:before { content: '\e888'; } /* '' */
.icon-quote-right-alt:before { content: '\e889'; } /* '' */
.icon-lightbulb-1:before { content: '\e88a'; } /* '' */
.icon-phone-2:before { content: '\e88b'; } /* '' */
.icon-phone-circled:before { content: '\e88c'; } /* '' */
.icon-lightbulb-2:before { content: '\e88d'; } /* '' */
.icon-diamond-1:before { content: '\e88e'; } /* '' */
.icon-shop:before { content: '\e88f'; } /* '' */
.icon-search-3:before { content: '\e890'; } /* '' */
.icon-heart-2:before { content: '\e891'; } /* '' */
.icon-folder-empty:before { content: '\e892'; } /* '' */
.icon-folder-open:before { content: '\e893'; } /* '' */
.icon-menu-1:before { content: '\e894'; } /* '' */
.icon-star-2:before { content: '\e895'; } /* '' */
.icon-star-empty-1:before { content: '\e896'; } /* '' */
.icon-heart-empty-1:before { content: '\e897'; } /* '' */
.icon-heart-3:before { content: '\e898'; } /* '' */
.icon-search-4:before { content: '\e899'; } /* '' */
.icon-plus-circled:before { content: '\e89a'; } /* '' */
.icon-cancel-circled2:before { content: '\e89b'; } /* '' */
.icon-cancel-circled:before { content: '\e89c'; } /* '' */
.icon-minus-circled:before { content: '\e89d'; } /* '' */
.icon-ok-circled2:before { content: '\e89e'; } /* '' */
.icon-ok-circled:before { content: '\e89f'; } /* '' */
.icon-star-circled:before { content: '\e8a0'; } /* '' */
.icon-lock-1:before { content: '\e8a1'; } /* '' */
.icon-star-half:before { content: '\e8a2'; } /* '' */
.icon-cancel-circled-1:before { content: '\e8a3'; } /* '' */
.icon-plus-circled-1:before { content: '\e8a4'; } /* '' */
.icon-minus-circled-1:before { content: '\e8a5'; } /* '' */
.icon-award:before { content: '\e8a6'; } /* '' */
.icon-flag-2:before { content: '\e8a7'; } /* '' */
.icon-alert:before { content: '\e8a8'; } /* '' */
.icon-heart-4:before { content: '\e8a9'; } /* '' */
.icon-phone-outline:before { content: '\e8aa'; } /* '' */
.icon-mail-1:before { content: '\e8ab'; } /* '' */
.icon-user-pair:before { content: '\e8ac'; } /* '' */
.icon-award-1:before { content: '\e8ad'; } /* '' */
.icon-crown:before { content: '\e8ae'; } /* '' */
.icon-contacts:before { content: '\e8af'; } /* '' */
.icon-male:before { content: '\e8b0'; } /* '' */
.icon-female:before { content: '\e8b1'; } /* '' */
.icon-check-empty:before { content: '\e8b2'; } /* '' */
.icon-check:before { content: '\e8b3'; } /* '' */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video 
h1, h2, h3, h4, h5, h6{
margin:0px;
padding:0px;
border:0px;
outline:0px;
font-size:100%;
vertical-align:baseline;
background:transparent;
font-weight:normal;
}
ul ,li {
   list-style-type : none ;
   
   }
body {
line-height:1;
}

input[type="text"],
input[type="password"],
input[type="search"],
textarea,
select {
    outline:none;
}

ul,li,h1,h2,h3,h4,p,wrapper,header{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
article, aside, dialog, figure, footer, header,
details, figcaption,menu,
hgroup, nav, section, h1, h2, h3, h4, h5, h6 {
display:block;
}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0px;
padding:0px;
border:0px;
outline:0px;
font-size:100%;
vertical-align:baseline;
background:transparent;
text-decoration: none;
}

/*▼▼▼▼▼▼共通設定▼▼▼▼▼▼*/
body{
	text-align:center;
	font-size:13px;
	color:#666;
    background:#444;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kakugo Pro W3", "メイリオ", "Meiryo", Helvetica, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
    line-height:25px;
	}

.lond{font-family: 'Londrina Outline', cursive;}
.deco{font-family: emilys-candy, sans-serif;}

html {/*全てのページにスクロールバーを表示*/
    overflow: scroll;
    overflow: -moz-scrollbars-vertical;
    overflow-x: scroll;
    }

a:focus{outline:none;}
.f-l{float:left;}
.f-r{float:right;}
.clear {clear:both;}
.center{text-align:center;margin-left:auto;margin-right:auto;}
.bold {font-weight:bold;}

#wrapper {
	background:#f5f5f5;background:url(/img/back/body-img.jpg);
	text-align:left;
	padding:0px;
	margin:0px auto 0px auto;
	overflow:hidden;
	}

img {border:0px;
    vertical-align:bottom;
    margin:0px;
    height:auto;
    }

.center {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	position:relative;
	}

.red{color:#bc487e;font-weight:bold;}

a:hover img{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    background: #fff;
	position:relative;
}

hr {height:16px;border:solid #eee;border-width:0 0 1px 0;margin:0px;padding:0px;}

/*▲▲▲▲▲▲共通設定▲▲▲▲▲▲*/

/*▼▼▼▼▼▼header▼▼▼▼▼▼*/

header a{
   text-decoration: none;
   color:#666;
   }
   
#head{max-width:1100px;display:block;height:70px;margin:0 auto;over-flow:hidden;}
#logo{float:left;width:322px;height:49px;margin:11px 27px 10px 0px;}
#search-box{float:left;width:273px;}
#search-box input#key{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
	height:30px;line-height:30px;width:193px;margin:20px 0px;-webkit-appearance: none;out-line:none;border:solid 1px #ddd;border-radius:10px 0px 0px 10px;padding:0px 0px 0px 10px;}
#search-box input#headses{cursor:pointer;height:30px;line-height:30px;width:50px;margin:20px 0px 20px -5px;padding:0px;-webkit-appearance: none;out-line:none;border:solid 1px #ddd;background:#ddd;color:#666;border:none;border-radius:0 10px 10px 0;}
#search-box input#headses:hover{background:#222;color:#ddd;}
#login ul{width:300px;height:60px;display:block;over-flow:hidden;float:right;margin-top:-5px;}
#login li{float:right;}
#login li a{display:block;height:60px;line-height:60px;width:100px;text-align:center;background:#666;color:#fff;}
#login li.logsta a{border-radius:0px 0px 10px 0px;border-left:dotted 1px #000;}
#login li.logend a{border-radius:0px 0px 0px 10px;}
#login li.login a{background:#7b583c;}
#login li a:hover{background:#000;color:#fff;}
header #head-2{
   height:45px;
   width:100%;
   overflow-hidden;
   display:block;clear:both;
   border-top:dotted 1px #ccc;
   }

header{background:#fff;border-top:solid 5px #666;}
header #head-2 ul{
   width:1100px;
   margin:auto;
   padding:0 10px 0 10px;
   }

header #head-2 li a{
   height:45px;
   padding:0 20px;
   float:left;
   line-height:45px;
   margin:0px;
   font-size:13px;
   border-right:dotted 1px #ccc;
   text-align:center;
   }

header #head-2 li:first-child a{
   border-left:dotted 1px #ccc;
   }

header #head-2 li a:hover{
   background:#eee;
   }

/*▲▲▲▲▲▲header▲▲▲▲▲▲*/


/*▼▼▼▼▼▼contents▼▼▼▼▼▼*/
h1{font-size:30px;text-align:center;margin:40px 0px 30px 0px;line-height:35px;}
h1:before{padding:0px;margin:0px;}
.titleh2{height:65px;clear:both;text-align:center;line-height:65px;overflow:hidden;
     border-radius:5px;behavior: url("/css/pie/PIE.php");position:relative;width:100%;margin:20px auto 20px auto;font-size:18px;background:#666;color:#fff;}
.titleh2:before,.titleh2op:before,.titleh2op-b:before{content:"\e846";margin-right:10px;color:#efdea4;font-size:20px;font-family:bridalnavi;}

.titleh3 {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;height:40px;text-align:center;line-height:40px;overflow:hidden;border-radius:20px;behavior: url("/css/pie/PIE.php");position:relative;width:100%;margin:20px auto;background:#ccc;color:#222;font-size:14px;}
.titleh4 {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;height:40px;text-align:center;line-height:40px;overflow:hidden;border-radius:20px;behavior: url("/css/pie/PIE.php");position:relative;width:100%;margin:20px auto;background:#eee;color:#222;font-size:14px;}





.wide-cont{position:relative;max-width:1100px;margin:0 auto;padding:0 0px 10px 0px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;clear:both;}
/*▲▲▲▲▲▲contents▲▲▲▲▲▲*/

/*▼▼▼▼▼▼top-main▼▼▼▼▼▼*/
.topmenu h2{height:40px;line-height:40px;width:100%;background:#666;color:#fff;font-size:18px;text-align:center;margin-top:10px;}
.topmenu ul{margin:0px;padding:0px;border-radius:0 0 10px 10px;border:dotted 1px #afafaf;width:100%;
	box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-bottom:20px;padding:5px 10px 10px 10px;}
.topmenu li{margin:0px;padding:0px;}
.topmenu li a{height:30px;line-height:30px;display:block;text-align:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom:dotted 1px #ddd;padding:0 5px;color:#666;}
.topmenu li a:hover{padding-left:10px;color:#b35712;}

#top-left{width:732px;height:550px;display:block;overflow:hidden;float:left;margin:30px 0;padding-right:10px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#top-left p{line-height:30px;}
#top-right{width:368px;height:550px;display:block;overflow:hidden;float:right;margin:30px 0;padding-left:20px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#top-right .cont-top-pr {width:348px;height:292px;padding:5px;border:dotted 1px #ddd;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
#top-right #new-site h3{text-align:center;line-height:35px;height:35px;background:#eee;border-radius:5px;margin:20px 0 10px 0;}
#top-right #new-site li a{height:30px;line-height:30px;display:block;text-align:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom:dotted 1px #ddd;padding:0 5px;color:#666;}
#top-right #new-site li a:hover{padding-left:10px;color:#b35712;}


	#directory{background:#fff;display:block;position:relative;width:100%;height:630px;border:dotted 1px #afafaf;border-width:0 1px 1px 1px;border-radius:10px;behavior: url("/css/pie/PIE.php");clear:both;margin-top:20px;}
	#directory h2{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
		height:45px;clear:both;text-align:center;line-height:45px;overflow:hidden;border-radius:10px 10px 0 0;behavior: url("/css/pie/PIE.php");
		position:relative;width:100%;margin:0px auto 20px auto;font-size:18px;
		background:#666;
		background-size: 50px 50px;color:#fff;padding:0px;
	}
	#cate-dir {display:block;width:51%;float:left;}
	#cate-dir div{width:50%;padding:0px 0 0 10px;margin:0px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
	#cate-dir h3,#area-dir h3 {display:block;width:100%;border-radius:10px 10px 0 0;height:45px;line-height:45px;font-size:15px;text-align:center;background:#eee;color:#666;margin:0px:padding:0px;}
	#cate-dir ul{padding:5px;}
	#cate-dir li{margin:0px;padding:0px;}
	#cate-dir li a{padding:0 3%;display:block;width:94%;height:28px;line-height:28px;text-align-left;color:#666;border-bottom:dotted 1px #ddd;}
	#cate-dir li a:hover{padding-left:15px;color:#b35712;}

	#area-dir {display:block;width:49%;float:right;height:440px;position:relative;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:0 10px;}
	#area-dir .area-t {padding:10px 10px 0 0;}
	#area-dir .area-t li {float:right;}
	#area-dir .area-t li.next {clear:both;}
	#area-dir .area-t li.pad1{margin-right:41px;}
	#area-dir .area-t li.pad2{margin-right:82px;}
	#area-dir .area-t li.pad3{margin-right:123px;}
	#area-dir .area-t li.pad5{margin-right:205px;}
	#area-dir .area-t li.pad7{margin-right:287px;}
	#area-dir .area-t li.pad11{margin-right:456px;}
	#area-dir .area-t a.mar5-r{margin-right:5px}
	#area-dir .area-t a.mar5-b{margin-bottom:5px}
	#area-dir .area-t a.mar5-t{margin-top:5px}
	#area-dir .area-t a.mar5--t{margin-top:-4px}
	#area-dir .area-t li a{width:40px;height:35px;display:block;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin:0.5px;
	border-radius:5px;line-height:35px;font-size:12px;text-align:center;color:#666;background:#eee;}
	#area-dir .area-t li a:hover{background:#000;color:#fff;}
	#area-dir .area-t li a.hokkai{width:72px;height:72px;line-height:72px;}
	#area-dir p{position:absolute;top:80px;left:15px;display:block;width:70%;}
	#directory .dir-pr{position:absolute;bottom:20px;right:10px;}
/*▲▲▲▲▲▲top-main▲▲▲▲▲▲*/


/*▼▼▼▼▼▼blog-cont▼▼▼▼▼▼*/
#main-cont{float:left;max-width:800px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding-right:30px;font-size:14px;line-height:30px;}
#main-cont p{padding:10px;margin:0px;}
#main-cont ul{margin-left:30px;}
#main-cont li{margin-left:15px;font-weight:bold;font-size:120%;margin-bottom:10px;}
#side-menu{background:url(/img/back/cloth-b.png) repeat 0 0;float:right;width:300px;border-radius:10px;padding-bottom:30px;}
#side-menu ul.cate-li{margin:20px 0px;padding:0px;}
#side-menu ul.cate-li li{text-align:center;margin:0px auto 20px auto;}
#side-menu ul.cate-li img{background:#fff;padding:5px;border:solid 1px #ddd;}
#side-menu h3 {background:url(/img/back/cloth-b2.png) repeat 0 0;text-align:center;height:50px;line-height:50px;font-weight:normal;color:#222;}
#side-menu h3.side1 {border-radius:10px 10px 0px 0px;}
.title2{font-weight:normal;color:#fff;border:solid 1px #3E386B;background:#3E386B;height:40px;line-height:40px;width:100%;padding:0 30px;overflow:hidden;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border-radius:10px;}
.title3{overflow:hidden;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin-bottom:10px;background:#777;color:#fff;height:40px;line-height:40px;padding:0 20px;font-size:16px;border-radius:5px;}
.bbox{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.point{background:#eee;background:url(/img/back/back-paper.jpg) repeat 0 0;margin:10px;border-radius:10px;padding:15px;border:solid 1px #ddd;position:relative;color:#261402;margin-bottom:10px;}
.point{-moz-transform: rotate(1deg);-webkit-transform: rotate(1deg);-o-transform: rotate(1deg);transform: rotate(1deg);}
.point h3,.point h4,.point p,.point li{-moz-transform: rotate(-1deg);-webkit-transform: rotate(-1deg);-o-transform: rotate(-1deg);transform: rotate(-1deg);}
.point:before{content:"";width:123px;height:51px;background:url(/img/back/tape-h-w.gif);top:-20px;right:-40px;position:absolute;}
.point:before{-moz-transform: rotate(5deg);-webkit-transform: rotate(5deg);-o-transform: rotate(5deg);transform: rotate(5deg);}
.point h3,.point h4{font-weight:normal;color:#182B5C;line-height:30px;padding:20px;background:none;border:none;font-size:25px;}
.tegaki{font-family: 'Fredericka the Great', cursive;}
.check{border-bottom:dotted 3px #fff;font-size:40px;margin:10px 0px 20px 20px;color:#6A4620;display:block;-moz-transform: rotate(1deg);-webkit-transform: rotate(1deg);-o-transform: rotate(1deg);transform: rotate(1deg);}
.point h4:first-letter{font-size:70px;color:#B05A85;}
.conthead{width:100%;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background:#fff;border-radius:10px;border:solid 1px #ddd;display:block;text-align:center;padding:19px;overflow:hidden;margin-bottom:20px;}
.conthead .top-img img{width:600px;float:left;margin-left:40px;}
.conthead .cont-top-pr{width:336px;height:280px;float:right;padding:9px;background:#fff;border:solid 1px #ddd;}

a.pr-link,.pr-link a{width:90%;margin:20px 5%;height:50px;line-height:48px;display:block;background:#eee;border:dotted 2px #ccc;text-align:center;color:#666;border-radius:15px;}
a.pr-link:hover,.pr-link a:hover{background:#666;border:dotted 2px #ccc;text-align:center;color:#fff;}
.title4{font-size:18px;font-weight:bold;padding:10px;line-height:25px;text-align:left;}
/*▲▲▲▲▲▲blog-cont▲▲▲▲▲▲*/


/*▼▼▼▼▼▼BGM▼▼▼▼▼▼*/
#bgm-main{display:block;max-width:840px;float:left;overflow:hidden;margin-right:30px;}
#bgm-main .bgmtex{margin:10px;}
#bgmbox li{width:210px;float:left;}
#bgmbox li a{display:block;width:190px;margin:10px;height:300px;joverflow:hidden;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;padding:14px;border:solid 1px #ddd;	box-shadow: 2px 2px 10px #ddd; /* CSS3 */
	-moz-box-shadow: 2px 2px 10px #ddd; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #ddd; /* Google Chrome, Safari用*/
	border-radius:10px;color:#666;}
#bgmbox li a .bgm-img{display:block;width:160px;height:160px;padding:auto;background:#fff;text-align:center;}
#amleftmenu{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
	width:230px;display:block:float:right;overflow:hidden;border-radius:10px;background:#fff;border:solid 1px #ddd;
	box-shadow: 2px 2px 10px #ddd; /* CSS3 */
	-moz-box-shadow: 2px 2px 10px #ddd; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #ddd; /* Google Chrome, Safari用*/}
#amleftmenu li a{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display:block;
	height:50px;line-height:50px;font-size:14px;padding-left:10px;border-bottom:dotted 1px #ddd;color:#666;}
#amleftmenu li a:hover{background:#eee;padding-left:12px;}
#amleftmenu h2{height:50px;line-height:50px;margin:0px;padding:0px;text-align:center;background:#ddd;color:#666;}
/*▲▲▲▲▲▲BGM▲▲▲▲▲▲*/



/*▼▼▼▼▼▼footer▼▼▼▼▼▼*/

footer{
	display:block;width:100%;clear:both;
	background:#444;color:#eee;
	margin:0px;padding:0px 0px 20px 0px;
	text-align:center;
	}

footer ul.copyright{padding-top:30px;clear:both;}
footer .copyright{display:block;width:100%;height:100px;line-height:20px;font-size:10px;color:#000;padding:20px 0px;}
footer .copyright a{color:#000;}

footer #group {overflow:hidden;background:#555;}
footer #group ul{max-width:900px;margin:0px auto;}
footer #group li{float:left;width:25%;height:50px;display:block;text-align:center;}
footer #group li a,footer #group li a:link{width:100%;height:50px;line-height:50px;display:block;text-align:center;color:#ddd;}
/*▲▲▲▲▲▲footer▲▲▲▲▲▲*/


/*▼▼▼▼▼▼Scroll▼▼▼▼▼▼*/
.scroll-up{display:block;width:120px;height:60px;background:#fff;position:fixed;bottom:0px;right:30px;border-radius:120px 120px 0 0;cursor:pointer;border:dotted 1px #289fcc;z-index:1000;behavior: url("/css/pie/PIE.php");display:none;}
.scroll-up .scroll{display:block;width:100px;height:50px;background:#289fcc;background-image:linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-image:-webkit-linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-image:-moz-linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-image:-o-linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-size: 10px 10px;color:#fff;border:dotted 2px #fff;
   text-align:center;font-weight:bold;font-family:Verdana;font-size:25px;line-height:60px;border-radius:100px 100px 0 0;margin:10px 10px 0 10px;behavior: url("/css/pie/PIE.php");}
.scroll-up:hover{border:dotted 1px #666;}
.scroll-up .scroll:hover{background:#666;}
/*▲▲▲▲▲▲Scroll▲▲▲▲▲▲*/


/*▼▼▼▼▼▼.tooltip▼▼▼▼▼▼*/
#powerTip {cursor: default;background:#289fcc;background-image:linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-image:-webkit-linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-image:-moz-linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-image:-o-linear-gradient(-45deg,#31a6d2 25%,#289fcc 25%, #289fcc 50%,#31a6d2 50%, #31a6d2 75%,#289fcc 75%, #289fcc);background-size: 10px 10px;border-radius: 10px;behavior: url("/css/pie/PIE.php");
	color: #fff;display: none;padding: 10px;position: absolute;white-space: nowrap;z-index: 2147483647;border:dotted 2px #fff;}
#powerTip:before {content: "";position: absolute;}
#powerTip.n:before, #powerTip.s:before {border-right: 5px solid transparent;border-left: 5px solid transparent;left: 50%;margin-left: -5px;}
#powerTip.e:before, #powerTip.w:before {border-bottom: 5px solid transparent;border-top: 5px solid transparent;margin-top: -5px;top: 50%;}
#powerTip.n:before {border-top: 10px solid #333;border-top: 10px solid #289fcc;;bottom: -10px;}
#powerTip.e:before {border-right: 10px solid #333;border-right: 10px solid #289fcc;;left: -10px;}
#powerTip.s:before {border-bottom: 10px solid #333;border-bottom: 10px solid #289fcc;;top: -10px;}
#powerTip.w:before {border-left: 10px solid #333;border-left: 10px solid #289fcc;;right: -10px;}
#powerTip.ne:before, #powerTip.se:before {border-right: 10px solid transparent;border-left: 0;left: 10px;}
#powerTip.nw:before, #powerTip.sw:before {border-left: 10px solid transparent;border-right: 0;right: 10px;}
#powerTip.ne:before, #powerTip.nw:before {border-top: 10px solid #333;border-top: 10px solid #289fcc;;bottom: -10px;}
#powerTip.se:before, #powerTip.sw:before {border-bottom: 10px solid #333;border-bottom: 10px solid #289fcc;;top: -10px;}
#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {border-top: 10px solid #333;border-top: 10px solid #289fcc;;bottom: -10px;border-left: 5px solid transparent;border-right: 5px solid transparent;left: 10px;}
#powerTip.ne-alt:before {left: auto;right: 10px;}
#powerTip.sw-alt:before, #powerTip.se-alt:before {border-top: none;border-bottom: 10px solid #333;border-bottom: 10px solid #289fcc;;bottom: auto;top: -10px;}
#powerTip.se-alt:before {left: auto;right: 10px;}
/*▲▲▲▲▲▲.tooltip▲▲▲▲▲▲*/


/* clearfix */
*:after {
	 display:block;
	 clear:both;
}


.main-text{font-size:14px;line-height:25px;}
#contents-main{padding-top:0px;}

.top-new,.top-cool,.top-sogo{width:33%;float:left;padding:0px;display:block;overflow:hidden;margin-top:30px;}
.top-cool{margin:30px 0.5% 0px 0.5%;padding:0px;}
.top-new li a,.top-cool li a,.top-sogo li a{color:#666;width:96%;height:30px;line-height:30px;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;margin:0 2%;}
.top-new li a:hover,.top-cool li a:hover,.top-sogo li a:hover{color:#b35712;margin:0 0 0 4%;}

.kiji-list ul,.kiji-list li{margin:0px;padding:0px;}
.kiji-list li{float:left;width:32%;margin:20px 0px;display:block;overflow:hidden;height:420px;
	box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;border:dotted 1px #ccc;border-width:0px 0px 1px 0px;}
.kiji-list li:nth-child(3n + 2){margin:20px 2%;}
.kiji-list li img{width:100%;}
.kiji-list h3{font-size:18px;font-weight:bold;margin:10px 0px;}
.kiji-list li a{width:100%;bordr-radius:10px;color:#666;}
.kiji-list li a:hover{background:#ddd;}



		.site-list li{width:33%;float:left;}
		.site-list li:nth-child(3n + 2){margin:0 0.5%;}
		.site-list li a{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;display:block;width:94%;height:450px;padding:20px;background:#fff;
		border:solid 1px #eee;margin:3%;color:#666;border-radius:10px;
			box-shadow: 2px 2px 10px #ddd; /* CSS3 */
	-moz-box-shadow: 2px 2px 10px #ddd; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #ddd; /* Google Chrome, Safari用*/}
		.site-list li a:hover{border-color:#eee;}
		.site-list li a h3{font-weight:bold;line-height:15px;margin:10px 0px 0px 0px;}
		.site-list li a p{width:100%;display:block;margin-top:5px;}
		.site-list li a img{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;margin:0px auto 10px auto;width:100%;
		border:solid 1px #eee;}
		.img_box{didplay:block;width:100%;height:220px;}
		.pagenavi{text-align:center;display:block;width:100%;height:50px;overflow:hidden;}
		.pagenavi li{display:inline;}
		.pagenavi li a{;height;50px;line-height:50px;padding:0 20px;border:solid 1px #eee;}
		.dir-cateli ul{display:block;width:100%;clear:both;overflow:hidden;border:dotted 2px #ddd;border-radius:10px;padding:10px;}
		.dir-cateli li{width:33%;float:left;}
		.dir-cateli li a{display:block;width:90%;height:30px;line-height:30px;padding:0 5%;overflow:hidden;}




.cont-imglist{width:100%;display:block;overflow:hidden;padding:30px 0px;}
.cont-imglist ul{width:45%;float:right;}
.cont-imglist li{width:90%;font-size:18px;padding:5px 0 5px 10%;line-height:25px;}
.cont-imglist .cont-img{float:left;width:55%;margin:0px;padding:10px;background:#fff;border:solid 1px #ccc;overflow:hidden;}
.cont-imglist .cont-img img{width:100%;text-align:left;margin:0px;border:solid 1px #ddd;}

.hikimain h2,h2.h2-title{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;height:45px;padding:0px;clear:both;
     text-align:center;line-height:45px;overflow:hidden;font-weight:normal;
     border-radius:5px;behavior: url("/css/pie/PIE.php");position:relative;width:100%;margin:20px auto 20px auto;font-size:18px;background:#666;color:#fff;}
.hikimain p{font-size:14px;line-height:25px;}
.hikimain h3{padding:10px;display:block;text-align:center;font-size:17px;width:100%;background:#eee;color:#666;font-weight:normal}

.cate-li img{width:260px;}
.cate-li a{display:block;width:260px;margin:10px auto;overflow:hidden;text-align:left;color:#666;}

.contsns{text-align:left;display:block;}
.sns{margin:10px auto;clear:both;padding:30px 0 20px 0;}


a.cate_jump{display:block;width:90%;height:40px;line-height:40px;text-align:center;font-size:20px;border-radius:20px;border:dotted 2px #ccc;background:#eee;color:#666;margin:10px 5%;}
a.cate_jump:hover{background:#666;color:#fff;}
.koushiki_jump{float:left;display:block;width:40%;height:50px;line-height:50px;text-align:center;font-size:14px;border-radius:5px;border:solid 1px #ccc;background:#c81b09;color:#fff;margin:10px 5%;}



form.web-form{width:100%;display:block;overflow:hidden;clear:both;padding:0px;margin:0px;}
ul.web-form-li{padding:0px;margin:0px;}
.web-form-li li{width:80%;height:50px;line-height:50px;margin:10px auto;display:block;padding:0px;}
.web-form label,.web-form input,#contents-main a.my-navi{height:50px;line-height:50px;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.web-form label{float:left;display:block;width:30%;text-align:right;padding-right:20px;font-size:18px;background:#eee;}
.web-form input,#contents-main a.my-navi{float:left;display:block;width:70%;text-align:left;outline:none;border:none;border:solid 1px #eee;padding:0px 10px;font-size:18px;}
.web-form input[type="submit"],#contents-main a.my-navi{clear:both;width:60%;margin:30px 20%;text-align:center;cursor: pointer;border-radius:10px;background:#ddd;color:#222;}
.web-form input[type="submit"]:hover,#contents-main a.my-navi:hover{background:#666;color:#fff;}
.web-form p{text-align:center;}


.main_link{width:100%;display:block;margin:30px auto;clear:both;height:150px;padding-top:45px;}
.main_link a{width:50%;display:block;margin:0px auto;height:100px;line-height:100px;font-size:30px;border:dotted 2px #666;text-align:center;color:#666;overflow:hidden;}
.main_link a:hover{background:#666;border:dotted 2px #fff;color:#fff;}



article{overflow:hidden;clear:both;padding-bottom:40px;}
article .h2-title{background:#666;height:100px;line-height:100px;font-size:30px;color:#fff;margin-top:50px;}

#main-cont .cate-link,.cate-link {display:block;margin:20px 0px;padding:20px 0px;background:#ddd;background:url("/img/back/cloth-b.png");border-radius:10px;}
#main-cont .cate-link h2,#main-cont .cate-link h3,.cate-link h2,.cate-link h3{font-size:18px;text-align:center;height:40px;line-height:40px;font-weight:bold;}
#main-cont .cate-link ul,.cate-link ul{padding:0px;border-top:solid #fff 2px;}
#main-cont .cate-link ul li,.cate-link ul li{margin:0px;padding:0 5px;}
#main-cont .cate-link ul li a,.cate-link ul li a{display:block;width:100%;padding:15px 10px;line-height:20px;border-bottom:dotted #ccc 2px;font-weight:normal;color:#666;}

h3.min-tit{font-size:18px;padding:10px 20px;background:#ccc;display:block;font-weight:bold;clear:both;margin:10px 0px 10px 0px;}
.flo-li{display:block;padding:10px 0 20px 0;overflow:hidden;}
.flo-li li{float:left;margin-right:20px;line-height:30px;font-weight:bold;}