/*
Theme Name: Shift-Style
Description: カスタムテンプレート
Version: 1.0
Author: axcel-work
*/

@charset "utf-8";

/*****
 Reset.css
 CSSを初期化
******/
*{
	margin:0px;
	padding:0px;
	}

html,body{
	margin:0px;
	padding:0px;
	background:url(img/bg_main.gif) left top;
	line-height:1.5;
}

html>body{
	font-size: 10px;
	}
*html body{
	font-size: 62.5%;
	}
*:first-child+html body{
	font-size: 62.5%;
	}	
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	}

hr{
	display: none;
	}
img{
	border: 0;
	}
ul li{
	list-style-type: none;
	line-height:1.5;
	}
a{
	/* Hides from IE-mac */
    overflow: hidden;
	/* End hide from IE-mac */
	}

select option{
	padding:0 5px;
	}	

form label{
	cursor:pointer;
	}

a:link,
a:visited{
	color:#06F;
	text-decoration:none;
	}
a:active,
a:hover{
	text-decoration:underline;
	}


/* clearfix */
.c-fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
*html>body .c-fix{
	display: inline-block; 
	width: 100%;
	}
*html .c-fix{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}
.c-fix{
  	zoom: 1;
	}

/* neo-clearfix */	
.c-both{
	height: 0px;
	clear: both;
	display: hidden;
	line-height: 0;
	font-size: 0px;
	zoom: 1;
	}


#all{
	width: 100%;
	overflow:hidden;
}

#wrap{
	width:78%;
	float:right;
	background:url(img/bg_char.gif) top right no-repeat;
	font-size:1.4em;
	padding-bottom:32768px;
	margin-bottom:-32768px;
}

.f-left{
	float: left;
}

.f-right{
	float: right;
}

/*
 * Class
 * 汎用クラス
 */
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt12{
	margin-top:12px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt25{
	margin-top:25px;
}
.mt30{
	margin-top:30px;
}
.mt35{
	margin-top:35px;
}
.mt40{
	margin-top:40px;
}
.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb12{
	margin-bottom:12px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb25{
	margin-bottom:25px;
}
.mb30{
	margin-bottom:30px;
}
.mb35{
	margin-bottom:35px;
}
.mb40{
	margin-bottom:40px;
}

.box{
	width:770px;
}

.box img{
	margin-right:20px;
}

.text-area{
	width:770px;
	padding:10px;
	margin-bottom:20px;
	background-color:#CCC;
}
#content .text-area p{
	margin:0;
	padding:0;
	width:0%;
}


/*
 * Grobal Menu
 * グローバルメニューのCSS調整
 */
#gMenu {
	background:url(img/bg_left.gif) top left;
	float:left;
	width:18%;
	padding-bottom:32768px;
	margin-bottom:-32768px;
	
	position:relative;
	top:0;
	left:0;
}

#gMenu .home{
	position:fixed;
	top:20px;
	left:13%;
}

#gMenu form{
	position:fixed;
	top:200px;
	left:3%;
}

#gMenu form .inputSearch{
	width:113px;
	height:20px;
	background:none;
	background-color:#FFF;
	border:#333 1px solid;
	padding:3px 3px 0 3px;
}

#gMenu form .btnSearch{
	width:23px;
	height:24px;
	background:url(img/btn_search.gif) left top no-repeat;
	border:none;
	text-indent:-9999em;
}

#gMenu h3{
	position:fixed;
	top:250px;
	left:3%;
}

#gMenu ul{
	position:fixed;
	top:275px;
	left:3%;
}

#gMenu ul li{
	width:125px;
}

#gMenu p#pagetop{
	position:fixed;
	bottom:10px;
	left:11%;
}


/*
 * Head
 * ヘッダーのCSS調整
 */
#head{
}
#head h1{
	margin-top:135px;
	margin-right:10px;
	float:left;
}

#head p{
	margin-top:145px;
	float:left;
}

/*
 * Contents-Index
 * トップのCSS調整
 */
#content-main {
	margin-top:36px;
}

#content-main h2{
	font-size:1.0em;
	height:48px;
	padding:10px 0 0 10px;
}

#content-main h2.teraco{
	background:url(img/top/ttl_teraco.png) left top no-repeat;
}

#content-main h2.flash{
	background:url(img/top/ttl_flash.png) left top no-repeat;
}

#content-main h2.tools{
	background:url(img/top/ttl_tools.png) left top no-repeat;
}

#content-main h2.iphone{
	background:url(img/top/ttl_iphone.png) left top no-repeat;
}

#content-main h2.other{
	background:url(img/top/ttl_other.png) left top no-repeat;
}

#content-main h2.site{
	background:url(img/top/ttl_site.png) left top no-repeat;
}

#content-main h2 a{
	color:#141414;
}

#content-main #tag{
	background:url(img/img_tag.gif) left center no-repeat;
	padding-left:20px;
	font-size:0.8em;
	margin-right:10px;
	margin-bottom:10px;
	width:40px;
}

#content-main #calendar{
	background:url(img/img_calendar.gif) left center no-repeat;
	padding-left:20px;
	font-size:0.8em;
	width:120px;
}
 
#content-main h3{
	background:url(img/ttl_head.gif) left top no-repeat;
	padding-left:40px;
	padding-top:5px;
	font-size:1.2em;
	height:31px;
}

#content-main .entry{
	width:755px;
	margin-bottom:50px;
}

#content-main p{
	width:545px;
}

#content-main .postmetadata{
	margin-top:10px;
	margin-bottom:20px;
}

#content-main .indexImage{
	border:1px solid #b7b7b7;
	padding:5px;
}



/*
 * Contents
 * 本文内のCSS調整
 */
#content {
	margin-top:36px;
	width:770px;
}


#content h2{
	font-size:1.2em;
	height:48px;
	padding:10px 0 0 10px;
}

#content h2.teraco{
	background:url(img/ttl_teraco.png) left top no-repeat;
}


#content h2.teraco{
	background:url(img/page/ttl_teraco.png) left top no-repeat;
}

#content h2.flash{
	background:url(img/page/ttl_flash.png) left top no-repeat;
}

#content h2.tools{
	background:url(img/page/ttl_tools.png) left top no-repeat;
}

#content h2.iphone{
	background:url(img/page/ttl_iphone.png) left top no-repeat;
}

#content h2.other{
	background:url(img/page/ttl_other.png) left top no-repeat;
}

#content h2.site{
	background:url(img/page/ttl_site.png) left top no-repeat;
}


#content #tag{
	background:url(img/img_tag.gif) left center no-repeat;
	padding-left:20px;
	font-size:0.8em;
	margin-right:10px;
}

#content #calendar{
	background:url(img/img_calendar.gif) left center no-repeat;
	padding-left:20px;
	font-size:0.8em;
	margin-right:10px;
}
 
#content h3{
	background:url(img/ttl_head.gif) left top no-repeat;
	padding-left:40px;
	padding-top:5px;
	font-size:1.2em;
	height:31px;
        margin-top:50px;
}

#content p{
	margin-bottom:20px;
}

#content a{
	background:#a8b9f3;
	padding:2px;
	color:#FFF;
	text-decoration:none;
}

#content a:hover{
	text-decoration:underline;
}

#content strong{
	background:#6eee59;
	padding:2px;
}

#content .annotation{
	background:#ee5959;
	padding:2px;
	color:#FFF;
}

#content img{
	border:#b2b2b2 1px solid;
	padding:5px;
	margin-bottom:20px;
}


#content ol{
	margin-bottom:20px;
	list-style:none;
}

#content ul{
	margin-bottom:20px;
}

#content li{
	line-height:1.8;
	padding-left:20px;
	background:url(img/img_list.gif) left center no-repeat;
}

#content table{
	border:#999 1px solid;
	border-collapse:collapse;
	margin-bottom:15px;
}
#content th,#content td{
	padding:5px;
	border:#999 1px solid;
	text-align:left;
	font-weight:normal;
}

#content th a,#content td a{
	color:#06F;
	background:none;
	text-decoration:none;
}

#content th a:hover,#content td a:hover{
	text-decoration:underline;
}

#content tr.tHead{
	background:#e5eeda;
}

#content tr.tHead th{
	text-align:center;
	font-weight:normal;
}


/*
 * entryNavi
 * 次のエントリー、前のエントリーのCSS
 */
 
#entryNavi{
	background:url(img/dot_line.gif) left top repeat-x;
	margin-top:40px;
	padding-top:10px;
	width:723px;
}	

#entryNavi p#next{
	background:url(img/btn_next.gif) left center no-repeat;
	padding-left:18px;
	float:left;
}
#entryNavi p#prev{
	background:url(img/btn_prev.gif) right center no-repeat;
	padding-right:18px;
	float:right;
}


/*
 * Bookmark
 * ソーシャルブックマークのCSS調整
 */
#bookmark {
	background:url(img/dot_line.gif) left top repeat-x;
	margin-top:10px;
	margin-bottom:30px;
	padding-top:40px;
	width:723px;
	font-weight:bold;
}

#bookmark h4{
	margin-bottom:10px;
}
 

#bookmark li{
	float:left;
	margin-right:30px;
}
 

/*
 * Connection
 * 関連するエントリーのCSS調整
 */
#connection{
}

#connection ul{
	margin-top:10px;
	margin-left:10px;
}

#connection li{
	line-height:1.8;
	padding-left:20px;
	background:url(img/img_list.gif) left center no-repeat;
}

#connection a{
	padding:2px;
	font-weight:bold;
}

#connection a:hover{
	text-decoration:underline;
}


/*
 * Comment
 * コメントのCSS調整
 */
#comment{
	width:800px;
}

#comment h4{
	margin-top:40px;
	margin-bottom:10px;
}

#comment div.user{
	margin-bottom:20px;
}

#comment .img{
	width:10%;
}

#comment .text{
	width:80%;
	border:#CCC 1px solid;
}

#comment .text .name,#comment .text .date{
	background:#e3e3e3;
	padding:5px;
}

#comment .text .name{
	padding:5px 0 0 5px;
}

#comment .text .date{
	font-size:0.8em;
	padding:0 0 5px 5px;
}

#comment .text .cont{
	background:#fff;
	padding:5px;
}


/*
 * Comment Add
 * コメントするのCSS調整
 */
#addComment {
	width:723px;
}

#addComment h4{
	margin-top:40px;
	margin-bottom:10px;
}

#addComment div.f-left{
	margin-right:43px;
}

#addComment h5{
	font-weight:normal;
	margin-bottom:2px;
	color:#3d3d3d;
}

#addComment input{
	padding:4px 3px 0 4px;
	border:1px #141414 dotted;
	background:none;
	width:223px;
	height:20px;
	margin-bottom:5px;
}

#addComment textarea.cont{
	padding:4px 3px 0 4px;
	width:435px;
	height:130px;
	border:1px #141414 dotted;
	background:none;
	margin-bottom:5px;
}

#addComment input.button{
	background:url(img/btn_comment.gif) left top no-repeat;
	border:none;
	text-indent:-9999em;
	width:67px;
	height:22px;
	float:right;
	margin-right:4px;
}


/*
 * rackBack URL
 * トラックバックのCSS調整
 */
#trackback{
	width:800px;
}
#trackback h4{
	width:766px;
	margin-top:40px;
	margin-bottom:10px;
}

#trackback p{
	border:#141414 1px dotted;
	padding:1px 1px 1px 6px;
	width:90%;
}


/*
 * Footer
 * フッターのCSS調整
 */
#footer{
	margin:160px 0 80px 0;;
	background:url(img/bg_contact.gif) left top no-repeat;
	width:726px;
	height:313px;
	padding:10px 20px 10px 20px;
}

#footer h3.f-left{
	margin:15px 0 15px 15px;;
}

#footer h3{
	margin:15px 0 15px 0;
}

#footer p.caption{
	/*width:380px; */
	margin:15px 0 15px 0;
}

#footer li{
	margin-bottom:5px;
}

#footer li.mail{
	background:url(img/icon_mail.jpg) left center no-repeat;
	padding-left:30px;
}

#footer li.twitter{
	background:url(img/icon_twitter.jpg) left center no-repeat;
	padding-left:30px;
}


#footer h5{
	font-weight:normal;
	font-size:0.8em;
	width:60px;
}

#footer input{
	padding:4px 3px 0 4px;
	border:1px #141414 dotted;
	background:none;
	width:223px;
	height:25px;
	margin-bottom:5px;
}

#footer input.cont{
	padding:4px 3px 0 4px;
	height:70px;
}

#footer input.button{
	width:70px;
	height:20px;
	float:right;
}

/*
 * PageTop
 * ページトップのCSS調整
 */



/*
 * Archive
 * アーカイブのCSS調整
 */