/*
Theme Name: 海外生活サプリ
Theme URI: http://www.kaigaiseikatsu-supli.jp/
Description: An original design for kaigaiseikatsu-supli.jp.
Version: 1.0
Author: Design and Develop by Takayuki Kataya based on sandbox template
Author URI: http://www.kaigaiseikatsu-supli.jp/
Tags: estrellita

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* base ---------------------------- */
html,body {
	font-size: 12px;
	color:#666666;
	margin:0px;
	padding:0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FF6600;
	text-align: center;
	height: 100%;
	width: 100%;
}
body{
background-image: url(images/bg_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
form,input{
margin: 0px;
padding: 0px;
}
ul,ol,li,dl,dt,dd,span,a,p{
margin: 0px;
padding: 0px;
list-style-type: none;
}
img,dd{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
}

/* link ---------------------------- */
a,a:visited{
color: #555555;
text-decoration: underline;
cursor:pointer;	
}
a:hover,a:active{
	color: #FF9900;
	text-decoration: underline;
}


/* header */
div#header{
	text-align: left;
	width:900px;
	height:155px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	background-image: url(images/bg_header.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position: relative;
}
div#header #wrap-title{
	width:900px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 50;
}
div#header .ball{
	margin: 0px;
	padding: 0px;
	height: 215px;
	width: 200px;
	position: absolute;
	z-index: 5;
	top: 0px;
	right: 0px;
	background-image: url(images/image_flagball.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#header h1#blog-title{
	font-size: 30px;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
	height: auto;
	width: 500px;
}
div#header h1#blog-title a{
	color: #F60;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
div#header div#blog-description{
	font-size: 11px;
	line-height: 1.4em;
	font-weight: bold;
	color: #666;
	height: auto;
	width:500px;
	font-family: Arial, Helvetica, sans-serif;
}
div#header div#hmenu{
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 900px;
	position: absolute;
	z-index: 10;
	top: 123px;
}
div#header div#hmenu ul{
	margin: 0px;
	padding: 0px;
	width: 900px;
	display:block;
}
div#header div#hmenu li{
	margin: 0 10px 0 0;
	padding: 0px;
	float: left;
	list-style-type: none;
	display:block;
}
div#header div#hmenu li a{
	text-indent: 20px;
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height:1.3em;
	
}
div#header div#hmenu li a:hover{
	color: #FCC;
}
div#header div#hmenu li.home a{
	background-image: url(images/icon_home.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div#header div#hmenu li.rss a{
	background-image: url(images/icon_rss.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* container */
div#container{
	margin: 0px;
	padding: 0 0 40px 0;
	height: auto;
	width: 100%;
	background-color: #FFF4D9;
	background-image: url(images/bg_container.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/* content */
div#container div#content-wrap{
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 900px;
}
div#content{
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 430px;
	height:auto;
}
div#content h2.entry-title{
	font-size: 18px;
	line-height: normal;
	margin: 20px 0 5px 0;
	padding: 0px;
}
div#content h2.entry-title a,div#content h2.entry-title a:visited{
	color: #F60;
	text-decoration: none;
}
div#content h2.entry-title a:hover,div#content h2.entry-title a:active{
	color: #FFF;
	background-color: #F60;
}
div#content h2.page-title{
	font-size: 18px;
	line-height: normal;
	color: #FFB29F;
	margin: 20px 0 5px 0;
	padding: 0px;
}
div#content div.entry-date{
	font-size: 10px;
	line-height: normal;
	color: #333;
	margin: 0 0 20px 0;
	padding: 0px;
}
div#content div.entry-content{
	line-height: 1.5em;
}
div#content div.entry-meta{
	font-size: 10px;
	line-height: normal;
	color: #333;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	background-image: url(images/dotline_pink.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div#content div.navigation{
width:100%;
height:15px;
margin:10px 0 0 0;
}
div#content div.navigation div.nav-previous{
	float: left;
	height: 15px;
	width: 100px;
}
div#content div.navigation div.nav-previous a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/btn_prev.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	height: 15px;
	width: 200px;
	overflow: hidden;
}
div#content div.navigation div.nav-next{
	float: right;
	height: 15px;
	width: 100px;
}
div#content div.navigation div.nav-next a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/btn_next.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	height: 15px;
	width: 200px;
	overflow: hidden;
}
div#content div.navigation div.nav-previous a:hover,div#content div.navigation div.nav-next a:hover{
background-position: left bottom;
}
/* comments */
div#content div#comments{
	background-image: url(images/dotline_pink.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
div#content div#comments h3{
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	color: #F60;
	margin: 20px 0 10px 0;
	padding: 0 0 0 23px;
	background-image: url(images/icon_comment.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
div#content div#comments ol{
	margin: 0px;
	padding: 0px;
}
div#content div#comments li{
	margin: 0 0 20px 0;
	padding: 0px;
	list-style-type: none;
}
div#content div#comments div#writer{
	margin: 0 0 10px 0;
	padding: 0px;
}
div#content div#comments div.comment-meta{
	font-size: 10px;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0px;
}
div#content div#comments p#comment-notes{
margin: 0 0 20px 0;
}
div#content div#comments div.form-label{
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #333;
	margin: 20px 0 0 0;
	padding: 0px;
}
div#content div#comments div.form-textarea{
	margin: 10px 0;
	padding: 0px;
}
div#content div#comments div.form-textarea textarea{
width:100%;
height:150px;
}

/* sidebar-common */
h3.widgettitle{
	font-size: 14px;
	line-height: normal;
	font-weight: bold;
	color: #F60;
	background-image: url(images/icon_sidebar_title.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	display:block;
}
div.sidebar ul.xoxo{
	margin: 0px;
	padding: 0px;
}
div.sidebar ul.xoxo li{
	margin: 0 0 20px 0;
	padding: 0px;
}
div.sidebar ul.xoxo ul li{
	margin: 0 0 5px 0;
	padding: 0px;
}
li#search h3.widgettitle{
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/txt_search.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 116px;
	overflow: hidden;
}
li#search input.text{
	line-height: 20px;
	margin: 0 5px 0 0;
	padding: 0px;
	height: 20px;
	width: 110px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #DCC5A7;
	float:left;
}
li#search input.text:hover{
	background-color: #FCC;
}
li#search input.button{
	float:right;
	margin: 0px;
	padding: 0px;
}
li#calendar h3.widgettitle{
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/txt_calendar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 81px;
	overflow: hidden;
}
li#calendar div#calendar_wrap{
	margin: 0px;
	padding: 5px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}
li#calendar table{
width:100%;
height:auto;
}
li#calendar caption{
	color: #F60;
	text-align: center;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin: 0px;
	padding: 0 0 5px 0;
}
li#calendar th{
	text-align: center;
}
li#calendar td{
	text-align: center;
}
li#calendar td#prev{
	text-align: left;
	padding: 5px 0 0 0;
}
li#calendar td#next{
	text-align: right;
	padding: 5px 0 0 0;
}
li#archives h3.widgettitle{
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/txt_archive.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 24px;
	width: 74px;
	overflow: hidden;
}
li#archives a{
	background-image: url(images/icon_archives.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0 0 0 14px;
}
li#archives a:hover,li#archives a:active{
	color: #3399ff;
}


/* sidebar1 */
div#primary {
	text-align: left;
	margin: 0 0 0 20px;
	padding: 65px 0 0 0;
	float: left;
	height: auto;
	width: 200px;
}
/* sidebar2 */
div#secondary {
	text-align: left;
	margin: 0 0 0 20px;
	padding: 65px 0 0 0;
	float: left;
	height: auto;
	width: 200px;
}
div#secondary h4.logo{
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 67px;
	width: 200px;
	overflow: hidden;
}
div#secondary h4.logo a{
	background-image: url(images/logo_supli.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 37px;
	width: 200px;
}


/* footer */
div#foot-btn{
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	background-color: #FFF4D9;
}
div#foot-btn div{
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 900px;
}
div#foot-btn div a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/btn_pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 30px;
	width: 89px;
	overflow: hidden;
}
div#foot-btn div a:hover{
	background-position: left bottom;
}
div#footer{
	width:100%;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	background-color: #FEF9E7;
}
div#foot-wrap{
	margin: 0px auto;
	padding: 20px 0;
	height: auto;
	width: 900px;
}
div#foot-wrap div.logo{
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 51px;
	width: 150px;
}
div#foot-wrap div.logo a{
	background-image: url(images/logo_supli2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 51px;
	width: 150px;
}
div#foot-wrap div.information{
	width:auto;
	height:auto;
	margin: 0 0 0 20px;
	padding: 0px;
	float: left;
	text-align: left;
}
div#foot-est{
	margin: 0px auto;
	padding: 10px 0;
	height: 50px;
	width: 900px;
}
div#foot-est a{
	font-size: 1px;
	line-height: 1px;
	background-image: url(images/logo_est.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 30px;
	width: 60px;
	overflow: hidden;
}
/* alert */
.alert{
	color: #F00;
}
/* package */
.package:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.package {
zoom: 100%;
}
.package { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .package { height: 1%;}
.package { display: block;}
/* End hide from IE-mac */