@charset "utf-8";
/*
Theme Name: SPEC COMPUTER
Theme URI: http://www.spec-computer.co.jp/
Description: SPEC COMPUTER
Version: 2.0
Author: yutaromix
Author URI: http://www.spec-computer.co.jp/
Tags: spring
Version: 1.0
*/

*{margin:0;padding:0;}

body{
font: 14px/1.4 メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴPro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
color:#252525;
}


a{color:#006898;text-decoration:none;}
a:hover{color:#2cafe3;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0 20px;
width: 910px;
border-left :#CCCCCC 2px groove;
border-right :#CCCCCC 2px groove;
}

/*************
/* ヘッダー
*************/
#header{
background: url(images/header01.png) no-repeat 100% 50%;

}



#header .top_txt h1 {
padding: 7px 0 10px;
font-size: 12px;
font-weight: normal;
}

#header .top_txt { width:910px; }

#header h1 {float:left;}
#header p {float:right;}

#header .top_logo { clear:both; }




/*************
/* トップナビゲーション
*************/



/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi {
	width:910px;
	height:65px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	background:url(images/g_navi_bg.gif) no-repeat;
	
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:46px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#g_navi li.g_navi01 a {
	background:url(images/nav_off.jpg) no-repeat 0px 0px;
	width:170px;
}
#g_navi li.g_navi02 a {
	background:url(images/nav_off.jpg) no-repeat -170px 0px;
	width:165px;
}
#g_navi li.g_navi03 a {
	background:url(images/nav_off.jpg) no-repeat -335px 0px;
	width:210px;
}
#g_navi li.g_navi04 a {
	background:url(images/nav_off.jpg) no-repeat -545px 0px;
	width:170px;
}
#g_navi li.g_navi05 a {
	background:url(images/nav_off.jpg) no-repeat -715px 0px;
	width:195px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(images/nav_off.jpg) no-repeat 0px -46px;
}
#g_navi li.g_navi02 a:hover {
	background:url(images/nav_off.jpg) no-repeat -170px -46px;
}
#g_navi li.g_navi03 a:hover {
	background:url(images/nav_off.jpg) no-repeat -335px -46px;
}
#g_navi li.g_navi04 a:hover {
	background:url(images/nav_off.jpg) no-repeat -545px -46px;
}
#g_navi li.g_navi05 a:hover {
	background:url(images/nav_off.jpg) no-repeat -715px -46px;
}

/*************
メイン（右側）コンテンツ
*************/


/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 618px;
padding: 0;
display: inline;
margin: 15px 0;
}

/*
#main h2{
margin-bottom: 10px;
padding: 0 10px 0px 40px;
line-height: 40px;
font-size: 13px;
font-weight: normal;
color: #333333;
background: #0b82be url(images/heading.png) no-repeat;
}
*/

#main h2{
border-top: 1px solid #0B82BE;
border-right: 1px solid #0B82BE;
border-left: 7px solid #0B82BE;
border-bottom: 1px solid #0B82BE;
padding: .8em .9em;
margin-bottom: 10px;
padding: 0 10px 0px 20px;
line-height: 30px;
font-size: 17px;
background: #FAFAFA;
}

#main h3 {
font-size: 14px;
line-height: 30px;
background: url(images/h3.png) repeat-y ;
padding-left: 15px;
padding-bottom: 10px;
margin-top: 20px;
letter-spacing: 0.2em;
color: #333333;
}

/*
#main p {
padding: 15px 15px 20px 20px;
}
*/

/* 画像を右に回りこみ */

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#006898;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}
img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}


/* フッター共通 */
.box{
float: left;
width: 180px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}


.last{margin-right:0;}



/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}

/* トップ記事 */

.release li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dashed #0778cc;
font-size:0.9em;
}

.release li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

.release li a:hover{background-position: 3px 50%;}

.cate { margin-top:20px; width:618px;}

.cate_box {margin-left:10px;}

.cate_box img a{
float: left;
width: 300px;
margin: 8px;
}

a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
}

.entry { line-height:1.5em;}
.entry p { margin-bottom:1em;}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 0;
margin: 10px 0;
}

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

#sidebar h3 {
margin-top: 5px;
padding: 0 10px 0 33px;
line-height: 40px;
font-size: 15px;
font-weight: normal;
color: #1196c2;
background: #0b82be url(images/heading2.png) no-repeat;
}

#sidebar ul{
margin-left: 5px;
padding: 10px 0;
}

#sidebar li{
margin: 0 10px 10px 5px;
list-style: none;
border-bottom: 1px dashed #0778cc;
}

#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

#sidebar li a:hover{background-position: 3px 50%;}

.sidemenu {margin-bottom:10px;}

.shop_img {margin:10px 0px 0px 30px;}

/*************
/* フッター
*************/
#footer{
clear:both;
padding: 5px 0 5px;
border-top: 1px solid #006898;

}

#footer .inner{
overflow: hidden;
}

.inner {
padding: 10px 0 5px;
text-align: center;
font-style:normal;
font-size: 13px;
clear:both;
display:block;
}

#post-13 { font-size:0.9em;}

/*************
/* 会社概要
*************/

div.tableSet-1 {
padding-bottom: 20px;
}
div.tableSet-1 table {
width: 100%;
border-top: solid 1px #999;
}
div.tableSet-1 table,
div.tableSet-1 td,
div.tableSet-1 th {
border: none;
border-collapse: collapse;
text-align: left;
vertical-align: top;
}
div.tableSet-1 tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
div.tableSet-1 tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
div.tableSet-1 table tr th {
font-weight: bold;
color: #060;
padding: 8px 5px 6px 10px;
white-space: nowrap;
border-bottom: solid 1px #999;
}
div.tableSet-1 table tr td {
padding: 8px 0 6px;
border-bottom: solid 1px #999;
}
div.tableSet-1 table tr td .paragraph {
padding-bottom: 0;
}
.paragraph {
margin-top: -2px;
padding-bottom: 6px;
}
.paragraph p {
line-height: 1.5;
}

blockquote {padding:0 50px;}

dl.media-info {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
background: #EDEDED;
margin: 0 0 20px 0;
}

dl.media-info dt {
float: left;
clear: left;
width: 10em;
padding: 0.5em;
font-weight: bold;
border-top: 1px solid #999;
margin: 0;
}


dl.media-info dd {
margin: 0 0 0 11em;
padding: 0.5em;
border-top: 1px solid #999;
border-left: 1px solid #999;
background: white;
}