/* colour styles : light  */
  body  { background: #FFF;  font-size:13px; line-height:24px;  font-family: 'Droid Sans', sans-serif; color:#333;  }
  #wrap { width:94%; margin-left:3%;}
  
/* font styles */	
  h1  { font-size:27px; line-height:40px; color:#008ce4; padding:0px; margin:0px; font-weight:bold; padding-bottom:5px; padding-top:5px; padding-left:5px; border-bottom:4px double #008ce4; }
  h2  { font-size:16px; line-height:25px; color:#000; padding:0px; margin:0px; font-weight:bold; padding-bottom:10px; padding-left:5px; }
  h3  { font-size:14px; line-height:23px; padding:0px; margin:0px; font-weight:bold; padding-bottom:10px; padding-left:5px; }
  h4  { font-size:12px; line-height:20px; padding:0px; margin:0px; font-weight:bold; padding-left:5px; } 
  h5  { font-size:10px; line-height:16px; padding:0px; margin:0px; padding-left:5px; }
  h6  { font-size:10px; line-height:14px; padding:0px; margin:0px; padding-left:5px; } 
strong { font-weight:bold; font-size:1.2em; }

/* list Styles */
  ul 	{ padding:0px; margin:10px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
  ul li { padding-left:10px; margin-bottom:7px; list-style:inside; }
  ol 	{ padding:0px; margin:0; margin-left:25px; font-family:'Helvetica',Arial, Helvetica, sans-serif; margin-top:10px;   }
  ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px;  list-style-type: decimal; }
  hr 	{ background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;}
	
/* link styles */	
  a:link 		{color:#333; text-decoration: none;} 
  a:visited 	{color:#333; text-decoration: none;}
  a:hover 		{color:#333; text-decoration: none;}
  a:active 		{color:#333; text-decoration: none;}
  a:focus 		{outline-style: none;}  	
	
/* header nav styles */ 
  #header 			 { width:100% }
  #logo 			 { margin-top:35px; margin-bottom:15px; }
  #nav 				 { width:100%; overflow:hidden;   }
  #nav ul 			 {display: inline; }
  #nav ul li 		 { float: left;  display: inline; }
  #nav ul li a 		 { display:block; text-decoration:none; }
  #nav ul li a:hover {text-decoration: underline;}
.headersubbt { width:30%; }
  	
/* footer styles */
  #footer-area 					{ width:100%; display:inline; padding-top:10px; margin-top:20px; clear:both; }
  #footer-area .widget 			{ width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif;  }
  #footer-area .widget h3 		{ color:#858585;}
  #footer-area .widget p    	{ color:#000;}
  #footer-area .widget ul   	{ margin-left:0px;}
  #footer-area .widget li   	{ color:#858585; }
  #footer-area .widget a 		{ color:#444444;}
  #footer-area .widget a:hover  { color:#000;}
  #footer-area .widget-copy 	{ width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;} 

/* copyright styles */ 
  #copyright { clear:both; width:100%; display:inline; float:left; margin-top:20px; margin-bottom:20px; }
  #copyright p { padding-top:15px; color:#4f5356; font-size:12px; }
  #copyright a 	{text-decoration: none;} 
  #copyright a:hover 	{text-decoration: underline;}
 
 
/* post and page styles */ 
  .type-post 				{ width:770px; background:#FFF;  margin-right:10px; margin-top:15px; display:inline; float:left; position:relative;  }
  .type-page 				{ width:700px; background:#FFF; margin-right:10px; margin-top:15px; display:inline; float:left; }
  .type-attachment 		{ width:700px; background:#FFF; margin-right:10px; margin-top:15px; display:inline; float:left; }
  .gridly-image 			{ z-index:5; }
  .gridly-category 			{ position:absolute; width:auto; background:#008ce4; margin-top:-31px; z-index:10;  height:25px; overflow:hidden; left:0;  font-size:12px;}
  .gridly-category p 		{ margin:0; padding:0; line-height:27px; padding-left:15px; padding-right:15px; color:#fff; font-weight:bold;   }
  .gridly-category a 		{ color:#FFF; font-weight:bold;}
  .gridly-category a:hover  { color:#f3f248; font-weight:bold;}
  .gridly-copy 				{ width:700px; margin-left:auto; margin-right:auto; padding-top:20px; padding-bottom:20px; overflow:hidden }
  .gridly-date 				{ width:150px;  color:#8e8e8e; font-size:11px;}
  .size-full 				{ width:100%; height:inherit;}
 
/* post index styles */ 
  #post-area .post 				{ width:310px; background:#FFF; margin-right:10px; margin-top:15px; position:relative;  }
  #post-area .post .gridly-copy 		{ width:280px; margin-left:auto; margin-right:auto; overflow:hidden; clear:both;}
  #post-area .post .gridly-date 		{ width:150px;  color:#8e8e8e; font-size:11px;  padding-bottom:0; padding-top:0; }
  #post-area .post .gridly-link 		{ border-top:1px dotted #CCC; color:#494e51; padding-bottom:0; padding-top:5px; }

/* single post nav styles */ 
  .post-nav 		 { display:inline; margin-left:10px; margin-top:15px; }
  .post-next a 		 { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; }
  .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;}
  .post-prev a 		 { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;}
  .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;}

/* comment styles */
  .comments-area ol { list-style:none; margin:0; padding:0;  border-bottom:1px solid #8e8e8e; }
  .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px;  } 
  .avatar 			{ display:none;} 
  .reply 			{ display:none;}
  .comment-meta  	{ display:none;}
  .comment-author 	{ font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; }
  #comment-form 	{ width:50%; }
  .text-input 		{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  }
  .comment-input  	{ clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px;  } 
  .comment-submit 	{ clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e;   }

/* Additional and WordPress styles */
  .clear 			{ clear:both;}
  .aligncenter	 	{ display: block; margin: 0 auto; }
  .alignleft		{ float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; }
  .alignright		{ float: right; margin: 0 0 20px 20px; }
  .wp-caption		{  text-align: left; margin-top:5px; margin-bottom:5px; }
  .wp-caption-text  { margin-top:2px;  text-align:left; font-style:italic;  font-size:11px; color:#999; } 
  .sticky    		{}
  .gallery-caption  {} 
  .bypostauthor  	{}


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- hama-tuika */
 #wrap { max-width: 980px; margin: 0 auto;}

/* link styles */	
  a:link 		{color:#008ce4; text-decoration: none;} 
  a:visited 	{color:#008ce4; text-decoration: none;}
  a:hover 		{color:#008ce4; text-decoration: underline;}
  a:active 		{color:#008ce4; text-decoration: underline;}
  a:focus 		{outline-style: none;}  	

/* header nav styles */ 
 #header 			 { width:100%; clear:both; }
 .logo 			 { margin-top:35px; float: left; clear:both; }
#nav 			 { border-top: 1px dashed #008ce4; margin:0 0 20px; }
#nav ul li 		 { font-weight:bold; padding:8px 25px; background: url(/commons/images/midashi_arrow_btm4.gif) no-repeat left; }
#nav ul li#menu-item-4800 		 { background:#faf8b4; border-bottom:1px dotted #dbdb3b; border-right:none; }
#button { clear: both; }
#button .sns  {margin-left: auto; margin-right: auto; text-align: center; }
#button .snsen  {float: right; }
#button li { display: inline;  }
#button .subscript {  display: block;
float: right; }

/* copyright styles */ 
#copyright ul li { font-size:12px; display: inline; margin-right: 10px; padding-left: 14px; border-left: 1px solid #999; list-style-type: none; }
#copyright ul li.left { padding-left: 0; border-left: 0; }

/* post and page styles */ 
  .type-post 				{ margin-top:0px;}

/* font styles */	
h1  { font-size:25px; padding-left: 10px; margin:0 0 10px; border-bottom:4px double #008ce4; clear: both;  }
h2 { font-size: 16px; padding:0px 5px 0 27px; margin:5px 0 10px; background: url(/commons/images/midashi_arrow_btm2.gif) no-repeat left 0px; clear: both;  }
h3 { font-size: 14px; font-weight: bold; line-height:24px; border-left: 10px solid #008ce4; background:#eee; padding: 10px 20px; margin: 10px 0; clear: both; }
h4  { font-size:14px; font-weight: bold; line-height:22px; padding:10px; margin: 20px 0 10px; background:#faf8b4; border-bottom:1px dotted #dbdb3b; clear: both; } 
h5  { font-size:13px; font-weight: bold; line-height:22px; margin:5px; margin:5px; clear: both; }
h6  { font-size:12px; line-height:22px; margin:5px 10px; clear: both;  }
p   { margin:5px; clear: both;  }
blockquote {
background-image: url(/commons/images/block_bg2.gif);
background-repeat: repeat-y;
padding: 5px;
margin: 0px;
font-weight: bold;
line-height: 1.7em;
clear: both;
}
h2.top { font-size:16px; font-weight: bold; padding: 10px 0 0 43px; margin: 10px 0 0; background: url(/commons/images/con_icon01.gif) no-repeat left; clear: both;  }
h3.post { font-weight: normal; border-left: none; background:none; padding:0; margin:10px; clear: both;  }
h5.subtitle {background-image: url(/commons/images/block_bg3.gif); background-repeat: repeat-y; padding: 10px; clear: both; }


/* list Styles */
 ul.recommend 	{ background:#eee; padding: 10px; margin: 0; clear: both; }
.children 	{ padding: 10px 3px 5px; margin: 0; clear: both;}
.children li { list-style: none; border-bottom:1px dotted #999; }
.sub-menu 	{ padding: 10px 3px 5px; margin: 0; clear: both;}
.sub-menu  li { list-style: none; border-bottom:1px dotted #999; }

#travelph_left img{
padding: 10px;
border: 1px solid #ddd;
background: #eee;
float: left;
}

#travelph_right{
clear: both;
}

dt{
margin:10px;
clear: both;
}



/* leftnavigation */ 
#primary {
  float: left;
  width: 62.5%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#secondary {
  float: riget;
  width: 29%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#tertiary {
  float: left;
  width: 60%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
 
#second-box {
  float: right;
  width: 28%;
}


#second-box-post {
  float: right;
  width: 20%;
}

#second-box-area {
  width: 100%;
}

/* sidemenu */ 
.widget-container h4 { background:#008ce4; color:#FFF; padding:3px 0 3px 16px;
}
li.widget-container { list-style: none; padding:0px;
}

/* post and page styles */ 
  .type-page 				{ width:70%; background:#FFF; margin-right:10px; margin-top:0px; display:inline; float:left; }
  .type-attachment 		{ width:60%; background:#FFF; margin-right:10px; margin-top:0px; display:inline; float:left; }
  .gridly-image 			{ z-index:5; }
  .gridly-category 			{ position:absolute; width:auto; background:#008ce4; margin-top:-42px; z-index:10;  height:35px; overflow:hidden; left:0;  font-size:14px;}
  .gridly-category p 		{ margin:0; padding:0; line-height:35px; padding-left:15px; padding-right:16px; color:#fff; font-weight:bold;   }
  .gridly-category a 		{ color:#FFF; font-weight:bold;}
  .gridly-category a:hover  { color:#f3f248; font-weight:bold;}
  .gridly-copy { width:100%; margin-left:auto; margin-right:auto; padding-top:5px; padding-bottom:5px;  overflow:hidden }
  .gridly-date 				{ width:150px;  color:#8e8e8e; font-size:11px;}
  .size-full 				{ width:100%; height:inherit;}
  .gridly-category2 		{ position:absolute; width:auto; background:#30b597; margin-top:-42px; z-index:10;  height:35px; overflow:hidden; left:0;  font-size:14px;}
  .gridly-category2 p 		{ margin:0; padding:0; line-height:35px; padding-left:15px; padding-right:16px; color:#fff; font-weight:bold;   }
  .gridly-category2 a 		{ color:#fff; font-weight:bold;}s
  .gridly-category2 a:hover  { color:#008ce4; font-weight:bold;}
.subscript { display: block; margin-left: auto; margin-right: auto; text-align: center; padding:5px 0; }

/* post and page styles-en */ 
  .type-page-en 				{ width:100%; background:#FFF; margin-right:10px; margin-top:15px; display:inline; float:left; }

/* post and page styles-full */ 
  .type-page-full 				{ width:100%;background:#FFF; margin-right:10px; margin-top:15px; display:inline; float:left; }

/* post index styles */ 
  #post-area .post 				{ width:307px; height:60ex; background:#FFF; border:1px dotted #CCC; margin-right:10px; margin-top:15px; position:relative;  }
  #post-area .post .gridly-copy 		{ width:300px; margin-left:auto; margin-right:auto; padding:0 0 5px; overflow:hidden; clear:both; }
  #post-area .post .gridly-date 		{ width:150px;  color:#8e8e8e; font-size:11px;  padding:0; margin:0; }
  #post-area .post .gridly-link 		{ border-top:1px dotted #CCC; color:#494e51; padding:5px 5px 0; margin:5px 0 0; text-align:right;  }

/* single post nav styles */ 
  .post-next a 		 { float:left; }
  .post-prev a 	{ float:right;}


/* post pages */ 
#concepttitle { font-size: 22px;
font-weight: bold;
padding: 5px 0 0 45px;
margin: 0 0 10px;
background: url(/commons/images/con_icon01.gif) no-repeat left;
 }

/* breadcrumb */ 
.breadcrumb { font-size: 10px; padding: 3px 10px; clear:both;  }

/* what's new */ 
#whatsnew { font-size: 14px; font-weight: bold; color:#008ce4;  background-image: url(/commons/images/block_bg3.gif); padding: 5px 10px; margin: 10px 0; clear: both; }
#whatsbox { padding: 5px 10px;}
#whatsbox dt {padding: 5px 0 0;}
#whatsbox dd { border-bottom:1px dotted #CCC; padding: 0 0 5px 10px; }

#bpprofile {
	margin: 10px 0;
	width: 100%;
background: #eee;
font-size: 9px;
line-height: 1.7em;
clear: both;
display: inline-block; 
}

.bpprofile_title { margin: 0px; padding: 8px 0 3px 8px; font-size: 12px;; font-weight: bold; border-bottom: solid 1px #757575; }
.bpprofile_photo { float: left; margin: 10px; padding: 10px 10px 0; background: #fff; border: solid 1px #757575; }
.bpprofile_photo img { width:80px height80px !important;}
.bpprofile_profile { overflow: hidden; }
.bpprofile_profile .bpprofile_name { font-weight: bold; margin: 10px 0 0 0;  }
.bpprofile_profile .bpprofile_position { margin: 0px; margin: 0 10px 10px 0; }


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- hama-tuika_from-oldsite */
#catch_center{
background:#faf6ef;
padding: 15px 20px;
margin: 20px 0px;
font-size: 13px;
font-weight: bold;
line-height: 1.7em;
text-align:center;
}

#project_tabinote{
padding: 0 10px;
margin: 20px 0px;
line-height: 1.7em;
clear: both;
}

#project_tabinote #name{
border-left: 5px solid #008ce4;
padding: 8px;
font-size: 13px;
font-weight: bold;
}

#project_tabinote img{
margin: 0 10px 20px 0;
padding: 4px;
border: 1px solid #ddd;
background: #eee;
float: left;
}

#project_tabinote .txt{
float: left;
}

#case{
clear: both;
margin: 10px;
}

#travelph_left{
clear: both;
padding: 5px;
}

#travelph_left img{
margin: 0 10px 20px 0;
padding: 4px;
border: 1px solid #ddd;
background: #eee;
float: left;
}

#travelph_right{
clear: both;
padding: 5px;
}

#travelph_right img{
margin: 0 0 20px 10px;
padding: 4px;
border: 1px solid #ddd;
background: #eee;
float: right;
}


#pagelink{ font-size: 14px;
margin: 15px 0;
padding: 5px 0 5px 15px;
background: url(/commons/images/textlink_bg.gif);
}

#sitemap_list .children {
	list-style: circle;
	list-style-position: inside;
}

#sitemap_list li {
margin: 5px 0;
}

#sitemap_list li a {
border-bottom:1px dotted #ccc;
padding: 3px 0 ;
}

#pagetopbox {
float: right;
padding: 20px 0 ;
}
#pagetopbox a {
color: #008ce4;
border-bottom: 1px dashed;
font-weight: bold;
padding: 5px ;
}

hr { clear: both;background:url(../images/light/bg-row.png) top left repeat-x; }

.captionA {
font-size: 10px;
line-height: 1.7em;
padding: 0 0 0 12px;
margin: 3px 0 6px;
}

#concepttitle { font-size: 22px;
font-weight: bold;
padding: 5px 0 0 45px;
margin: 0 0 10px;
background: url(/commons/images/con_icon01.gif) no-repeat left;
 }

#triptitle { font-size: 22px;
font-weight: bold;
padding: 5px 0 0 45px;
margin: 0 0 10px;
background: url(/commons/images/trip_icon01.gif) no-repeat left;
 }

#triallink {
font-weight: bold;
font-size: 14px;
margin: 5px 0;
padding: 10px 0 10px 20px;
border-left: 10px solid #97e4d1;
background: #eafcf8;
 }

.header_box_L {
	margin: 5px;
	padding: 10px;
	float: left;
}

.box_M {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.box_in_img {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.red {color: #FF3300}

#ryoteiarea{
background-image: url(/commons/images/block_bg.gif);
padding: 20px 20px 10px;
margin: 20px 0px;
}

#ryoteiarea .title{
background-image: url(/commons/images/midashi_arsm.gif);
background-repeat:no-repeat;
padding-left: 20px;
font-size: 13px;
font-weight: bold;
}

#ryoteiarea .text {
background: #f6eee1;
font-size: 12px;
padding: 10px 15px;
}

.m1 { font-size: 20px;
color:#926d36;
font-weight: bold;
 }

.m2 { font-size: 18px;
color:#656565;
font-weight: bold;
 }

.m3  { font-size: 16px;
font-weight: bold;
 }

.m4  { font-size: 16px;
font-weight: bold;
 }

.b1  { 
background: #faf8b4;
padding: 3px 6px;
margin: 3px;
line-height: 1.3em;
font-weight: bold;
 }

.pager  { background: #faf8b4; border-bottom: 1px dotted #dbdb3b; clear: both; text-align:center;}

/* wp_social */
.wp_social_bookmarking_light div {
margin: 0 10px 10px 0  !important;
}

 /* clearfix
============================================================== */
.clearfix:after { content:""; display:block; clear:both; height:0; }
* html .clearfix  { zoom: 1; }  /* IE6 */
*:first-child+html .clearfix { zoom: 1; }  /* IE7 */



/* end of css file */