/*  
Theme Name: FRIDGE
Theme URI: http://fridgedesign.net/
Description: フリッヂデザインテーマ。
Version: 1.0
Author: フリッヂデザイン
Author URI:  http://fridgedesign.net/
Tags: 
*/

/*======================================
	LAYOUT
=======================================*/

body { text-align: center; color: #1e1e1e; background: url(images/header.png) center top no-repeat; }

body.home { background-image: url(images/header_home.png); }

div#logo {
	position: absolute;
	top: 41px;
	left: 120px;
}

div#head-banner {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 12px;
}

div#header { height: 50px; }

div#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 120px 0 40px 0;
	text-align: left;
	overflow: hidden;
}

.home div#container { padding-top: 100px; }
.single div#container { padding-top: 190px; }

div#left-column {
	float: left;
	width: 640px;
}

div#right-column {
	float: right;
	width: 260px;
	padding-left: 60px;
}

div#footer {
	padding: 20px 0 40px 0;
	border-top: #5f94ee 5px solid;
	color: #5f94ee;
	font-size: 0.8125em;
	line-height: 1.85;
}

/* フッターをページ下に貼り付ける */

html, body { height: 100%; }
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px;
}
#footer { height: 77px; }
.push { height: 142px; }

/*======================================
	NAVIGATION
=======================================*/

ol#top-navi {
	position: absolute;
	right: 300px;
	height: 50px;
	margin: 0;
}

ol#top-navi li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-left: #628bce 1px solid;
}

ol#top-navi li.list-last { border-right: #628bce 1px solid; }

ol#top-navi li a {
	display: block;
	width: 80px;
	height: 14px;
	padding: 18px 0;
	text-align: center;
	color: #a0c1f9;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	background: url(images/navi_hover.png) left -50px repeat-x;
}

ol#top-navi li a:hover { text-decoration: none; background-position: left top; }

ol#top-navi li.current_page_item a {
	text-decoration: none; color: #fff;
}

/*======================================
	SEARCH
=======================================*/

.search-box {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 0;
}

.search-box input {
	width: 140px;
	margin: 0 10px 0 0;
	padding: 5px 3px;
	background: url(images/search_box.png) left top no-repeat;
	border: none;
	color: #fff;
	font-size: 14px;
}
.search-box button {
	width: 23px;
	height: 26px;
	margin: 0 10px 0 0;
	padding: 0;
	background: url(images/search_btn.png) 0 -26px no-repeat;
	border: none;
	cursor: pointer;
	text-indent: -999em;
	overflow: hidden;
}

.search-box button:hover { background-position: 0 0; }

/*======================================
	SIDE BAR
=======================================*/

dl.side-link { margin: 0; }
.side-link dt { margin-bottom: 1em; font-weight: bold; }
.side-link dd { margin-bottom: 2em; }

.side-banner { margin: 1em 0; text-align: center; }
.side-banner span { display: block; font-size:12px; text-align:left; }

.badge li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.badge li a {
	display: block;
	background: left top no-repeat;
}



li#link-feed a {
	width: 128px;
	height: 128px;
	background-image: url("images/rss.png");
	text-indent: -999em;
}

#right-column p {
	font-size: 0.8125em;
	line-height: 1.85;
}

/*======================================
	ELEMENTS
=======================================*/

h1 { margin-bottom: 1em; color: #5a8fe6; }

h2 { color: #FF9900; }

h3 { font-weight: bold; }

/*======================================
	HOME
=======================================*/

body.home div#frontline {
	width: 640px;
	height: 250px;
	color: white;
}

body.home h1 { color:#fd0; }

/*======================================
	ABOUT
=======================================*/

table#summary th, table#summary td {
	padding: .5em 2em .5em 0;
	border-bottom: #6699CC 1px solid;
}

table#summary span {
	display: inline;
	padding: 0 5px;
	background: none;
}

dl#service {
	margin: 2em 1em;
}

dl#service dt { font-weight: bold; }

.mail-address:hover {
	cursor: pointer;
}

/*======================================
	WP BEGINNER
=======================================*/

#wp-beginner { margin-bottom: 20px; }

/*======================================
	CONTACT
=======================================*/

body.contact fieldset {
	padding: 0;
	border: none;
}
body.contact dl.mail-form span {
	display: inline;
	padding: 0 5px;
	background: none;
}
dl.mail-form {
	margin-top: 15px;
}
dl.mail-form dt {
	width: 14em;
	float: left;
	clear: left;
	text-align: right;
	color: #3a0;
}
body.contact dl.mail-form dt span#confirm {
	display: block;
	color: red;
}
dl.mail-form dd {
	margin-bottom: 2.5em;
}

div#error-message {
	margin-bottom: 1em;
	padding: 40px 1em 1em 1em;
	background: url(images/caution_send.png) 0 0 no-repeat;
	border: red 2px solid;
	color: red;
	font-size: 0.8125em;
	line-height: 1.85;
}

/*======================================
	WORKS
=======================================*/

div.work-item {
	float: left;
	width: 310px;
	margin: 20px 10px 20px 0;
}

div.work-item dl { margin: 10px; }

div.work-item dl dt { margin-bottom: 1em; font-weight: bold; }

div.work-item dl dd { height: 6em; margin-left: 0; }

/*======================================
	BLOG
=======================================*/

div.post {
	clear: both;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: #ccc 1px solid;
}
div.post h2 { margin: 0 0 .25em 0; }
.single div.post h2, h2.box { margin: 2em 0 1em 0; padding: 5px 10px; color: #fff; background-color: #f60; }
div.post-more {
	clear: both;
	margin-top: 3em;
}
.post .meta {
	margin-bottom: 3em;
	color: #666;
	font-size: 0.75em;
}

.meta span.cat { margin: 0 1em; }

div.post-content-thumbnail { margin-left: 170px; }

ul.social {
	margin: 1em 0;
	text-align: center;
}

ul.social li {
	display: inline;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding: 0;
}

.comments-num {
	margin-left: 1em;
	padding-left: 20px;
	background: url(images/comment.gif) left center no-repeat;
}

.tags { margin: 4em 0 1em 0; }

/*---------------------------------------
	COMMENT
---------------------------------------*/

dl.comment-post {
	margin-bottom: 2em;
}

.comment-post dt {
	padding: 0;
	margin: 0;
	background: #e8a32c url(images/rdbtn_orange_1.gif) left top no-repeat;
	color: white;
}

.comment-post dt div.comment-meta {
	padding: 10px;
	background: url(images/rdbtn_orange_2.gif) right top no-repeat;
	line-height: 18px;
}

.comment-post dd {
	margin: 0;
	padding: 0;
	background: #e8a32c url(images/rdbtn_orange_3.gif) right bottom no-repeat;
}

.comment-post dd div.comment-wrapper {
	padding: 14px;
	background: url(images/rdbtn_orange_4.gif) left bottom no-repeat;
}

span.comment-number {
	padding-right: 15px;
	font-weight: bold;
}

span.comment-author {
	padding: 0 10px 0 24px;
	background: url(images/user_comment.gif) left center no-repeat;
}

textarea#comment-text {
	width: 90%;
}

input.submit {
	padding: 3px 15px;
	background-color: #06f;
	color: white;
	font-weight: bold;
	letter-spacing: .2em;
	border: none;
}

input.submit:hover {
	background-color: #39f;
}

fieldset#comment-form {
	padding: 0;
	border: none;
}

fieldset#comment-form p label {
	font-size: 0.8125em;
}

fieldset#comment-form label span {
	display: inline;
	padding: 0 5px;
	background: none;
}