/*   
Theme Name:ambassade service
Theme URI:
Description: ambassade service のテーマ。
Author:akietika
Version:1.0
Tags: black, white, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/


/* ----- basic ---------------------------------------------- */
body { margin:0; padding:0; background:#f2f2f2;
font-family:Arial, Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
       font-size:12px; color:#666; }
a img { border:none; }
a, a:visited { color:#7f8e91; text-decoration:none; outline:none; }
a:hover { color:#c1638b; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:200%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 1em 23px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { padding:0 0 5px 0; }
form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; width:100%; border:0; }
pre { border:1px solid #ccc; background:#fafafa; padding:10px 20px; margin:0 0 1em 0; overflow:auto; }
object { display:block; margin:0 auto; }
.wp-caption-text { text-align:center; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.centered { display: block; margin-left:auto; margin-right:auto; }
.clear { clear:both; }


/* ----- layout -------------------------------------------------------------- */
#wrapper { width:990px; margin:0 auto; }
#header { background:url(images/header.gif) no-repeat bottom;
	 }
#header-wide { background:url(images/header-wide.gif) no-repeat bottom;
	 }
#contents { background:url(images/side.gif) repeat-y; }
#contents-wide { background:url(images/side-wide.gif) repeat-y; }
#left_col { float:left; display:inline; width:700px; margin:0 0 0 5px; }
#right_col { float:right; display:inline; width:280px; margin:0 5px 30px 0; }
#footer { background:url(images/footer.gif) no-repeat top; height:90px; }
#footer-wide { background:url(images/footer-wide.gif) no-repeat top; height:90px; }


/* ----- header -------------------------------------------------------------- */
#header_top { 
	height:210px;
	}
#logo { float:left; display:inline; margin:10px 0 0 5px; }

/*blogtitle*/
#logo a, #logo a:visited { 
	background-image:url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: left top; 
	width:360px;
	height:60px;
	display:block;}
#logo a:hover { 
	background-position: left bottom; 
 }

/*description*/
#logo h1 { font-weight:normal; line-height:100%; 
margin:0 0 0 82px; padding:0; color:#aaa; font-size:11px;
 }

/*header menu is at the bottom of this page*/


/* ----- left_col ------------------------------------------------------------ */
.post { background:url(images/post-line.gif) no-repeat left bottom; }
#single_post { background:none; }
.post_even { background:url(images/meta_stripe.gif) repeat-y left; }
.post_content_wrapper { float:right; width:490px; padding:50px 15px; }
.post_meta { float:left; display:inline; width:150px; padding:0 15px 35px; margin:35px 0 0 0; }
.content_noside { float:right; width:670px; padding:15px; }

/* post contents */
.post h2, #single_post h2, .page h2 { font-size:16px; margin:0 0 11px 0; font-weight:normal; line-height:0; padding:0;
border-bottom:1px dotted #666; }
.post h2 a, .post h2 a:visited, #single_post h2 span, .page h2 span { color:#666; line-height:120%;  display:inline-block; padding:0 0 13px 0; }
.post h2 a:hover { text-decoration:none; color:#ae60d2; }

.post_content {line-height:160%; }
.post_content p { margin:0 0 1em 0; }
.content_noside .post_content p {padding:0 0 1em 40px;}

.post_content h4 {
	border-left: 10px solid #473b52;
	border-bottom: 1px solid #473b52;
	padding:5px 10px;
	font-weight:normal;
}

.post_content a,.post_content a:visited { color:#2089cc; text-decoration:underline; }
.post_content a:hover { color:#e2415b; }


.post img, .post a img { border:1px solid #ccc; padding:5px; margin:0 10px 0 0;  background:#f2f2f2; }
.post a:hover img { border:1px solid #333; background:#999; }
.post .gallery-icon a img {padding:2px; }

.post img.centered { display:block; margin:0 auto; }
.post img.alignright { margin:4px 0 15px 15px; display:inline; }
.post img.alignleft { margin:4px 15px 15px 0; display:inline; }

.post table { margin:0 0 1em 0; }
.post td, .post th { border:1px solid #ccc; padding:15px; }
.post th { background:#eee; font-weight:normal; }

.post_content ul li { margin:0 0 1em 18px; line-height:160%; 
	padding:0 0 0 2px; 
	list-style:square;}
.post_content ol li { margin:0 0 1em 0; }
.post_content input { margin:5px 0; }

/* post meta */
.post_meta { font-size:11px; text-align:right; line-height:160%; margin:34px 0 0 0; }
.post_meta dt { color:#999; margin:20px 0 0 0; padding-top:20px; border-bottom:1px #999 dotted; }
.post_meta dt.meta_cat { padding:16px 0 5px 0; margin:0; background:none; }
.post_meta a, .post_meta a:visited { color:#eee; }
.post_meta a:hover { color:#ae60d2; }
.post_cat { font-size:16px; padding:5px 0 0 0;  color:#666; line-height:20px;}
.post_meta dd {color:#fff;}
.post_meta ul li {list-style:square; margin: 6px 0 0 0;}


#contact_wrapper {width:522px;
	background:url(images/contact-line.gif) repeat-x top;
	text-align:right;
	float:right; 
}

#contact_wrapper h4 {
	font-size:14px;
	line-height:30px;
	border:1px solid #473b52;
	padding:7px 20px;
	margin-right:20px;
	background-color:#fff;
	border-bottom:1px solid #fff;
	display:inline;
	font-weight:normal;
}

#contact_wrapper h4:hover {color:#ae60d2; }
/* ----- right_col ------------------------------------- */
.side_box { color:#666; margin:0 15px 15px; font-size:11px; border-top: 1px dotted #666; clear:both; padding:20px 0 0; }
.first_side_box { background:none; padding:0; }

#right_col h3 { font-size:120%; color:#eee; font-weight:normal; text-transform:uppercase; line-height:100%; margin:0 0 1em 0; padding:0; }
#right_col a, #right_col a:visited { color:#7d7d7d; }
#right_col a:hover { color:#f319b3; }

.side_box ul { margin:0; }
.side_box li { margin:0 0 1em 0; line-height:140%; }
.side_box li li { padding:0 0 0 1em; margin:3px 0; }

.side_box .recent {
	background-color:#eee;
	padding:5px;
	border:1px solid #ccc;
	height:50px;
	font-size:110%;
	}
.side_box .recent a { font-weight:bold;}
.side_box .recent a img {
	border:1px solid #999;
	float:left;
	margin-right:5px;
}

#information_area { padding:0 0 0 0; margin:0 0 20px 0; }
#information { color:#aea7be; background:url(images/stripes.gif) left top; padding:10px; border:1px solid #454545; margin:0 15px; line-height:140%; font-size:110%;}

#rss { font-size:11px; background:url(images/rss.gif) no-repeat left top; padding:2px 0 0 18px; margin:30px 15px 0 0; float:right; display:inline; }
#rss a:hover { text-decoration:none;}
#rss:hover {background-position:left bottom; }

/* search area */
#search_area { width:250px; height:27px; background:#ccc url(images/search.gif) no-repeat left top; margin:0 0 7px 0; }
#search_input { float:left; margin:7px 0 0 10px; border:0px; height:15px; display:inline; width:150px; font-size:12px; color:#999; background:transparent; }
#search_button { float:right; }
#tag_list { margin:0 0 -25px 0;  }

#tag_list .wp-tag-cloud { clear:both; margin:0 0 10px 0; border:1px solid #f3dc19; background:#333; padding:6px; display:none; }
#tag_list .wp-tag-cloud li { display:inline; margin:0 5px 0 0; line-height:170%; }

#search_area_top { background:none; padding:0; margin:0 15px 25px;
float:right; }



/* recent post*/
.side_box li.side_date { margin:0; padding:0; }

/* ----- footer ------------------------------------------- */
#copyright {float:left; display:inline; margin:25px 10px 0; color:#eee; }
#copyright li { float:left; display:inline; font-size:11px; margin:0 10px 0 0; padding:0 0 0 13px; }
#copyright li a, #copyright li a:visited { text-decoration:underline;color:#eee; text-decoration:none;}
#copyright li a:hover {text-decoration:underline;}

#return_top a { position:absolute; position:fixed; right:15px; bottom:15px; width:16px; height:16px;
                display:block; background:url(images/return_top.gif) no-repeat left top; }
#return_top a:hover { background:url(images/return_top.gif) no-repeat right top; }


/* ----- archive/category/tag/search/ ---------------------------------------------------------------------------------------------------------- */
#headline { background:url(images/headline.gif) no-repeat left bottom; width:670px; margin:0 0 40px 0;
height:40px; padding:0 55px; font-size:14px; margin:0; line-height:40px; color:#fff;}

h2#headline {margin: 0 0 30px 0;}

.archive_contents { margin:5px 0; padding:0 0 20px;
	text-align:right;  }
.archive_contents h2 { font-size:16px; margin:0 0 5px 0; padding:0; }
.archive_meta { margin:0 0 5px 0; color:#999; padding: 0 0 40px 0;
border-bottom:6px #7a7586 solid;
height:150px; text-align:left;}
.archive_meta dt { width:152px; height:150px; float:left;clear:left;display: block;} 
.archive_meta dt img {
border-top:1px #999 solid;
border-left:1px #999 solid;
border-right:1px #333 solid;
border-bottom:1px #333 solid;
}
.archive_meta dd { margin-left:152px; padding: 10px;} 
.archive_meta a, .archive_meta a:visited { color:#999; }
.archive_meta ul { float:right; margin:0 0 0 20px;padding:0; width:190px;}
.archive_meta li { margin:0; display:block; border-bottom:#999 1px solid;padding: 3px 10px;}
.archive_contents p { margin:10px 0;line-height:130%; }
.archive_contents a, .archive_contents a:visited { color:#777; }
.archive_contents a:hover{ color:#ae60d2; }



select#smsort {margin:10px 0; background-color: #eee;
}
select#smsort option {
background-color: #222; color:#fff;
}
/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
.page_navi { margin:0 0 10px 0; padding:20px 0 0 0; }
.page_navi li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
 { color:#999; width:30px; padding:0; margin:0 3px 0 0; display:block; float:left; text-align:center; line-height:30px; background:url(images/pager1.gif) no-repeat left top; }
.page_navi a:hover { color:#999; background:url(images/pager1.gif) no-repeat left bottom; text-decoration:none; }
.page_navi span.current { background:url(images/pager2.gif) no-repeat left top; color:#fff; }


/* ----- header-menu --------------------------------------------------------- */
#header_menu { float:right; display:inline; margin:0; height:40px; background:url(images/header_menu.gif) no-repeat left top; }

#nav { float:left; font-size:11px; height:38px; margin:0; 
z-index:5;}
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }
/* Everything else is theming */

#nav *:hover { background-color: transparent; }
#nav a { border-right: 1px groove #333; color: white; 
padding: 12px 30px; line-height: 1; }
  #nav li.hover a { color:#f319b3; text-decoration:none; }
  #nav ul li.hover a { color:#fff; }

  #nav ul { top: 38px; }
   #nav ul li a { background-color: #000; padding: 7px;  }
   #nav ul a.hover { background-color: #ae60d2; }
   #nav ul a { border-bottom: 1px solid #999; border-right: none; opacity: 0.8; filter: alpha(opacity=80); }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */