/*
Theme Name: 有限会社　タイヨウ様
Description: 有限会社　タイヨウ様
Author: 管理人
*/

/* ==================== レイアウト ==================== */
*	{margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 170%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-color: #666;
}

html {
	margin: 0;
	color: none;
	background: none;
}

body {
	background: url("/wp-content/themes/taiyooil/images/headaback.png") repeat-x scroll -50% 0 transparent;
}

body.msie {
    font-size: 62.5%;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	font-size: 14px;
	behavior:url("csshover3.htc");
}
 
body.win {
    font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	font-size: 14px;
	behavior:url("csshover3.htc");
}

a, ul.tab a:visited {
    color: #1D3994;
    text-decoration: none;
}
a:visited {
    /*color: #941D55;*/
}
a:hover {
    text-decoration: underline;
    color: #0085cf;
}

dt {
	font-size: 16px;
	margin-top: 1.5em;
}

#container	{width: 100%;
		margin: 0 auto;
		padding: 0;
}

#contact {
    float: right;
    font-size: 12px;
    margin-top: -3px;
}

#content	{margin: 0px 0;}

#content	 .content-inner {
	width: 800px;
	margin: 0 auto;
}

#content	 .content-inner img {
	margin: 10px;
	padding: 5px;
	background: none repeat scroll 0 0 #DDDDDD;
}

#foot	{clear: both;}

#head	{background-color: #ffeebb;
	margin: -10px auto 0;}

#content, #foot
	{background-color: #fff;
	padding: 0;
	margin: auto;}

#ReconstructionTopH2 {
	font-size: 30px;
	text-align: center;
	margin-top: 20px;
}

#ReconstructionTopH3 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}

.text-align-center {
	text-align: center;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

br.fontsize2px {
	font-size: 2px;
}

a.tooltip-a {
	text-decoration:none;
}

.newspost img {
	margin: 0 20px;
}

/* ==================== タグ直接指定 ==================== */
h1	{
	color: #1E2E6D;
	font-size: 30px;
	float: left;
	margin: 8px 0 0 10px;
}

h2 {
	background: url("/wp-content/themes/taiyooil/images/h2-bottom.png") no-repeat scroll left bottom transparent;
	font-size: 20px;
	color: #4E9494;
	font-weight: bold;
	padding-left: 10px;
	width: 800px;
	margin: 20px auto 3px;
}

h3	{
	border-bottom: 1px solid #6295FF;
	color: #6295FF;
	font-size: 105%;
	font-weight: bold;
	margin: 20px 0 15px;
	padding-left: 15px;
	text-align: left;
}

.menu-mainmenu-container {
	background: url("/wp-content/themes/taiyooil/images/menuback.png") repeat-x scroll -50% -3px transparent;
    border-top: 1px solid #339999;
    width: 100%;
}

/* ==================== 色 ==================== */
.colorFF9F03 {color: #FF9F03;}/*黄色っぽいオレンジ*/
.color990000 {color: #990000;}/*濃い赤*/
hr {color: #66CC00;
}

/* ==================== フォント関連 ==================== */
.fontsize33px {font-size: 33px;}

/* ==================== リンク ==================== */
a	{color: #000000;
	text-decoration: underline}


/* ==================== ヘッダー ==================== */
#head	{background: none;
	/*background-image: url(images/logo.png);*/
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#head-inner {
	background: url("/wp-content/themes/taiyooil/images/headabottom.jpg") repeat-x scroll left bottom transparent;
	padding-bottom: 28px;
}

#head p	{margin: 8px 0 0;}

#head p#desc	{font-size: 12px;
	color: #666666;
	margin-top: 0px;
	padding-left: 2px;}

#menu-mainmenu {
	display: block;
	height: 57px;
	width: 900px;
	margin: 0 auto;
}

.head-about-us {
	width: 900px;
	margin: 19px auto 5px;
	height: 50px;
}

#ul-nav_menu-4 li {
	float: left;
	list-style: none outside none;
	height: 30px;
}

#ul-nav_menu-4 li a {
	display: block;
	color: #3E3E8B;
	padding-top: 10px;
	text-align: center;
	width: 150px;
	height: 30px;
	background: url("images/menu-partition.png") no-repeat scroll 0 7px transparent;
	text-decoration:none;
	font-size: 20px;
	font-weight: bold;
}

#ul-nav_menu-4 li a:hover {
	color: #6699FF;
	z-index: 2;
	display: block;
	padding-top: 10px;
	text-align: center;
	width: 150px;
	height: 30px;
	background: url("images/menu-partition.png") no-repeat scroll 0 7px transparent;
	text-decoration:none;
	font-size: 20px;
	font-weight: bold;
}

#ul-nav_menu-4 li:first-child a {
	background: none;
	display: block;
	color: #3E3E8B;
	padding-top: 10px;
	text-align: center;
	width: 150px;
	height: 30px;
	background: none;
	text-decoration:none;
	font-size: 20px;
	font-weight: bold;
}

#ul-nav_menu-4 li:first-child a:hover {
	background: none;
	color:  #6699FF;
	z-index: 2;
	display: block;
	padding-top: 10px;
	text-align: center;
	width: 150px;
	height: 30px;
	text-decoration:none;
	font-size: 20px;
	font-weight: bold;
}

/* ==================== コンテンツ ==================== */
#content	{
	background: none;
	width: 900px;
}

#content h2.h2-865business {
	height: 50px;
	margin: 30px 0 10px;
	padding-left: 45px;
	padding-top: 12px;
	font-weight: bold;
	color: #66CC00;
}

#content h2.h2-865business a {
	font-size: 20px;
	height: 35px;
	padding-top: 5px;
	font-weight: bold;
	color: #3E3E8A;
}

#content h2.h2-520business-green {
	background-color: #0CA4EB; 
	font-size: 16px;
	height: 37px;
	margin: 30px auto 0;
	padding-left: 5px;
	width: 865px;
	padding-bottom: 5px;
}

#content h2.h2-520business-green a {
	font-size: 25px;
	height: 25px;
	margin: 30px auto 0;
	padding-left: 5px;
	font-weight: bold;
	color: #FFF;
	width: 500px;
}

#content div.business-green {
	background-color: #FFFFCC;
	border: 1px solid #0CA4EB;
	margin: 0 auto;
	width: 868px;
}

#content div.business-green dl {
	width: 390px;
	padding: 10px 30px 10px 10px;
}

#content div.business-green dl dt {
	float: left;
	margin: 0;
	display: block;
	padding: 0 10px 0 0;
	width: 85px;
}

#content div.business-green dd {
	width: 180px;
	display: block;
	float: right;
	margin: 0;
}

#content div.business-green dd.heading {
	border-bottom: 1px solid #0CA4EB;
	color: #66CC00;
	margin: 0;
}

#content h2.h2-520business-green span a {
	font-size: 25px;
	height: 35px;
	margin: 30px 0 10px;
	padding-left: 5px;
	padding-top: 5px;
	font-weight: bold;
	color: #FFF;
	border-left: 5px solid #FFF;
}

#content p.map-information {
	width: 375px;
	margin: 0 40px 0 30px;
}

#content h2.h2-380px {
	background: url("images/heading-background380.png") no-repeat 0 0 transparent;
	font-size: 18px;
	height: 35px;
	margin: 0 0 5px;
	padding-left: 20px;
	padding-top: 4px;
	font-weight: bold;
}

#content h2.h2-800pxblue {
	background: url("images/heading-background-blue800.png") no-repeat 0 0 transparent;
	font-size: 18px;
	height: 35px;
	margin: 0 0 5px;
	padding-left: 20px;
	padding-top: 4px;
	font-weight: bold;
	color: #6295FF;
}

#content p	{font-size: 14px;
	line-height: 1.5;
	margin: 0 0 30px;}

/***コンテンツ内レイアウト***/
.description {
	background: #F0E9E6;
	padding: 20px 0;
	overflow: hidden;
	margin-bottom: 30px;
	margin-top: -30px;
}

.left-contents1 {
	width: 380px;
	float: left;
	padding: 10px;
}

.right-contents1 {
	width: 380px;
	float: right;
	text-align: left;
	padding: 10px;
}

.description h3, .description p {
	text-align: center;
}

.description .left-contents1 h4 {
	background: url("images/pink-headlines.png") no-repeat 0 0 transparent;
	text-align: center;
	font-size: 20px;
	height: 24px;
	padding-top: 7px;
	color: #990000;
	font-weight: bold;
}

.description .right-contents1 h4 {
	background: url("images/blue-headlines.png") no-repeat 0 0 transparent;
	text-align: center;
	font-size: 20px;
	height: 24px;
	padding-top: 7px;
	color: #000066;
	font-weight: bold;
}

.description ul {
	background: none repeat scroll 0% 0% rgb(255, 255, 255);
	padding: 10px;
}

.description li {
	float: left;
	margin: 10px 0 0 30px;
}

.cleaning-business {
	background: url("images/pink-headlines.png") no-repeat 0 0 #FFFFFF;
}

.reform-business {
	background: url("images/blue-headlines.png") no-repeat 0 0 #FFFFFF;
}

/*news関連*/
.news {
	width: 400px;
}

.news li {
	list-style: none;
	padding: 10px;
}

/* 画像 */
.alignleft	{float: left;
	margin-right: 0px;
	margin-bottom: 20px;}

.alignright	{float: right;
	margin-left: 0px;
	margin-bottom: 20px;}

.aligncenter	{clear: both;
	display: block;
	margin: 25px auto;}

a img	{border: none;}

#bannerback {
    background-color: #F1ECE4;
    overflow: hidden;
    margin: 20px 0 0;
    padding: 0 0 20px;
}

#bannerback:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #bannerback {
    height: 1em;
    overflow: visible;
}
/**/

.banner {
	float: left;
	margin: 3px;
}

.gradationbox {
    border: 1px solid #ccc;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    background: #F7F7F7;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), color-stop(0.1, #FFFFFF), to(#FFFFFF) );
    background: -moz-linear-gradient(-90deg, #E8E8E8, #FFFFFF 10%) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E8E8E8', endColorstr='#FFFFFF');
    width: 760px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    margin: 20px auto 0px;
    padding: 20px
}

.gradationbox h2 {
    border: 1px solid #ccc;
    background: #F7F7F7;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF),  to(#E8E8E8) );
    background: -moz-linear-gradient(-90deg, #FFFFFF, #E8E8E8) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFFFFF', endColorstr='#E8E8E8');
    width: 750px;
    margin: 0 auto;
    font-size: 140%;
}

#content .content-inner #corporate-profile {
    background: none repeat scroll 0 0 #FFFFFF;
    border-collapse: collapse;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 11px;
    width: 100%;
}

#content .content-inner #corporate-profile th {
	background: #ddd;
	border: 1px solid #666;
	padding: 10px;
}

#content .content-inner #corporate-profile td {
	background: #FFF;
	border: 1px solid #666;
	padding: 10px;
}


/* ==================== ホーム関連 ==================== */
.newspost-home h3 {
	width: 385px;
	float: left;
	border: none;
}

/* ==================== ブログ関連 ==================== */
#newspost {
	width: 800px;
}

#content-news {
	width: 680px;
	float: left;
}

#content-news-single {
	width: 680px;
	float: left;
}

#content-news h2 {
	width: 670px;
	border: 1px solid #DDD;
    background: #F7F7F7;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#FFFFFF) );
    background: -moz-linear-gradient(-90deg, #E8E8E8, #FFFFFF) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E8E8E8', endColorstr='#FFFFFF');
    padding-left: 10px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
}

#content-news-single h2 {
	width: 670px;
    padding-left: 10px;
	font-weight: bold;
	margin-top: 0;
}

/* ==================== サイドバー関連 ==================== */
#sidebar {
	width: 200px;
	float: right;
}

#sidebar h2 {
	width: 190px;
}

#sidebar ul li {
	list-style: none;
}

#wp-calendar {
	width: 100%;
}

#wp-calendar td {
	border: 1px solid #DDD;
    background: #F7F7F7;
    background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#FFFFFF) );
    background: -moz-linear-gradient(-90deg, #E8E8E8, #FFFFFF) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E8E8E8', endColorstr='#FFFFFF');
	text-align: center;
}

#wp-calendar td a {
	border: 1px solid #DDD;
    background: #F7F7F7;
    background: -webkit-gradient(linear, left top, left bottom, from(#BFD5FF), to(#FFFFFF) );
    background: -moz-linear-gradient(-90deg, #BFD5FF, #FFFFFF) repeat scroll 0 0 transparent;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD5FF', endColorstr='#FFFFFF');
	text-align: center;
}

/* ==================== リンク集 ==================== */
.link	{margin: 0;
	padding: 0;}

.link, .link ul	{list-style-type: none;}

.link li li	{font-size: 12px;
	margin: 20px 0 25px;
	border-bottom: solid 1px #8bc124;
	padding-bottom: 5px;}

.link a	{font-size: 16px;
	font-weight: bold;
	padding: 5px;}

.link a:hover	{color: #008844;}


/* ==================== フッター ==================== */
#foot	{
	background: none repeat scroll 0 0 #666666;
    margin: 0;
    padding: 2px 0;
}

#foot p	{font-size: 12px;
	margin: 0;
	text-align: center;
	color: #FFF;}

/* ==================== wordpress自動生成クラス ==================== */
.wp-caption-text	{text-align: center;}
#attachment_47, #attachment_49 { margin-top: 20px;}

/* ===== Style for Ktai Entry ===== */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}
/* =================================== */


/* ==================ショップページ関連================= */
dl.shop-dl-left {
	float: left;
	width: 385px;
	padding: 5px;
	margin-bottom: 30px;
}

dl.shop-dl-right {
	float: left;
	width: 385px;
	padding: 5px;
	margin-bottom: 30px;
}

dt.product-name {
	margin: -10px 0 0 0;
}

dt.product-name h3 {
	font-weight: bold;
	color: #6295FF;
}

dd.product-description {
	min-height: 160px;
}

dd.product-image {
	float: left;
	margin-right: 10px;
}

dd.product-price {
	color: #990000;
	font-size: 130%;
	font-weight: bold;
}

a.Rise {
    background: url("images/shop/nobori.gif") no-repeat scroll left top transparent;
    display: block;
    height: 238px;
    width: 150px;
}

a.Rise:hover {
    background: url("images/shop/nobori.gif") no-repeat scroll -150px top transparent;
    display: block;
    height: 238px;
    width: 150px;
}

/* ==================ショップ一覧ページ関連================= */
.letsshopmenu-left {
	width: 380px;
	padding: 5px;
	float: left;
	margin: 0;"
}

.letsshopmenu-right {
	width: 380px;
	padding: 5px;
	float: right;
	margin: 0;"
}


/* ==================ブログページ関連================= */
.prevnext {
	float: right;
	width: 100%;
	font-size: 80%;
}

.prev {
	float: left;
}

.next {
	float: right;
}

.prev a,.next a,#sidebar a {
	font-size: 12px;
}

#calendar_wrap a {
	font-size: 16px;
}

#searchform #s {
	width: 200px;
}

/* ==================== お問い合わせ関連 ==================== */
form.wpcf7-form input,
form.wpcf7-form textarea {
	width: 800px;
}


/* ==================== フッター関連 ==================== */
#bannerback-inner {
	width: 800px;
	margin: 0 auto;
}

/* ==================== ハック関連 ==================== */
.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }
#IEmargin {margin: 0\9;}

/* ==================== ｒｓｓ関連 ==================== */
.rss_item {
		   float: left;
		   width: 430px;
		   list-style: none;
		   padding: 0 0 10px 20px;
		   border-bottom: 1px dotted;
		   font-size: 20px;
		   }
		   /*rss読み込み部分のスタイル*/
	a.rss_item {
		   padding: 0;
		   border: none;
		   }
	div.rss_item {
		   text-align: left;
		   }