﻿@charset "utf-8";
/*

Theme Name: +S001 Responsive
Theme URI: http://plus-security.co.jp/
Description: Unique Responsive Theme for WordPress is stylish, customizable, simple, and readable. Perfect for any illustrator, designer and blogger. 
Version: 1.0
Author: +Security
Author URI: http://plus-security.co.jp/
Tags: 2 column theme, corporation, sole proprietor, blogger

This theme was designed and built by +Security,
whose blog you will find at http://plus-security.co.jp/

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

*/

*{
	margin:0;
	padding:0;
	font-weight: normal;
}

/******************** 背景色 ********************/
html{background:#ffffff;}

body{
	color:#666666;
	font-family: Arial, Helvetica, sans-serif,"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	font-size: 13px;
	line-height: 1.5;
	height:100%;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}

a{
	color:#39598A;
	text-decoration:none;
}

a:hover{
	color:#095b95;
	text-decoration:none;
}

li{list-style:none;}

a:active, a:focus {outline: 0;}
img{border:0;}

.clear{clear:both;}

p{}
.center	{text-align:center;}
.right	{text-align:right;}
.left	{text-align:left;}
.top	{vertical-align:text-top}

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}

/********************  ヘッダー ********************/

#header{
margin: 0 auto;
width: 950px;	height:140px;	margin-top:6px;
}

#header h1{
	padding-left:10px;	float:left;
	font-size: 11px;	color: #666666;
}

.topline{
	font-size: 11px;	color: #666666;
}

/* ロゴの位置 */
#header h2{
	float:left;
}

/******************** メインナビゲーション ********************/

#gnav{
	position:absolute;
	width:950px;	top:95px;	height:30px;
}

#gnav ul{
	list-style: none; /* リスト形式を削除 */
}

#gnav ul li{
	width: 190px;	height: 30px;	float: left;
}

#gnav ul li a{
	text-indent: -9999px; /* テキストをふっとばす */  
	text-decoration: none;  	display: block;  
	width: 190px;  	height: 30px;  
	background-image: url(../images/header/gnav.png);
	background-repeat: no-repeat;  
}

#gnav ul li#menu1 a { background-position: 0 0; }   
#gnav ul li#menu2 a { background-position: -190px 0px; }  
#gnav ul li#menu3 a { background-position: -380px 0px; }  
#gnav ul li#menu4 a { background-position: -570px 0px; }  
#gnav ul li#menu5 a { background-position: -760px 0px; } 

#gnav ul li a:hover{
	text-decoration: none;  
	background-image: url(../images/header/gnav.png);
	background-repeat: no-repeat;   
}

#gnav ul li#menu1 a:hover { background-position: 0 bottom; }   
#gnav ul li#menu2 a:hover { background-position: -190px bottom; }  
#gnav ul li#menu3 a:hover { background-position: -380px bottom; }  
#gnav ul li#menu4 a:hover { background-position: -570px bottom; }  
#gnav ul li#menu5 a:hover { background-position: -760px bottom; } 

#gnav ul li#menu11 a { background-position: 0 bottom; }   
#gnav ul li#menu12 a { background-position: -190px bottom; }  
#gnav ul li#menu13 a { background-position: -380px bottom; }  
#gnav ul li#menu14 a { background-position: -570px bottom; }  
#gnav ul li#menu15 a { background-position: -760px bottom; } 



.nav {	margin-top:55px;}
.nav ul{height:120px;}
.nav ul li{
	margin-left:50px;
	width: 250px;	height: 120px;	float: left;
}

.nav1{	margin-top:30px;}
.nav1 ul{height:120px;	margin-left:150px;}
.nav1 ul li{
	margin-left:50px;
	width: 250px;	height: 120px;	float: left;
}



/******************** メイン画像 ********************/
#main{
	margin: 0 auto;
	width: 950px;	height:auto;
	overflow:hidden;
}

/******************** パンくずリスト ********************/

.breadcrumbs{
	margin:10px 0px 20px 15px;
}


#sidebar {
float: left;
width: 230px;
height:600px;
margin-left: 15px;
margin-right:20px;
padding-bottom: 10000px;
margin-bottom: -10000px;
}

.midashi{
	height:30px;
	margin-bottom:10px;
	display: block;
	padding : 8px 9px 10px 0px ;
	font-size: 27px;
	line-height : 100%;
	font-weight:bold;
}

.midashi2{
	height:30px;
	margin-bottom:10px;
	display: block;
	padding : 8px 9px 10px 0px ;
	font-size: 20px;
	line-height : 100%;
	font-weight:bold;
}

#sidebar ul li{ margin-bottom:20px;}

#sidebar ul li a { color:#666666;	padding-left:20px;}




#sidebar a:hover{
opacity:0.6;
filter:alpha(opacity=60);
}


/******************** コンテンツ ********************/

#content	{
	line-height:2.0;
	width:665px;
	float:left;
	padding-left:20px;
}


#mainImage a:hover{
opacity:0.6;
filter:alpha(opacity=60);
}

/********************  コンテンツサイドバー ********************/





/******************** コンテンツ位置 ********************/









/******************** 見出し ********************/
#main h2 {
	height:30px;
	margin-bottom:10px;
	display: block;
	padding : 12px 0px 9px 0px ;
	font-size: 20px;
	line-height : 100%;
	font-weight:bold;
}

#main h3 {
	margin:30px 0px 15px 0px;
	display: block;
	padding : 5px 0px 5px 20px ;
	font-size: 18px;
	line-height : 100%;
	border-bottom:1px solid #a5a5a5;
	background-image: url(../images/common/triangle.gif);
	background-repeat: no-repeat;  
	background-position: 7px center;
}

#main h4 {
	font-size:14px;
	color: #b20000;
	font-weight: bold;
	border-left: 5px solid #b20000;
	border-bottom: 1px solid #b20000;
	padding: .1em .4em;
	font-weight:bold;
}



#main li{
	list-style-type:none;
}

#main li2{
	list-style-type:circle;
}

.c p{
	padding-left:30px;
}
#sidebar h3 {
	margin-bottom:10px;
	background:url(../images/sub_h3.jpg) no-repeat 0 0;
	display: block;
	padding : 12px 9px 9px 20px ;
	font-size: 20px;
	line-height : 100%;
}

#itempage h3 {
	height: 18px;
	margin-bottom: 10px;
	margin-left: 210px;
	padding: 3px 5px;
	background-color: #140e0c;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
}

/******************** ニュース ********************/
.news{
	margin-top:60px;
	width:870px;
	height:245px;
}

.news ul {
	margin-top:25px;
}

.news ul li{
	list-style-type: none;
	margin:10px 0px 10px 20px;
}

.news ul li a{
	list-style-position: inside;
	color:#000000;
	width:870px;
	height:40px;
}

hr{
	border:none;
	border-bottom:dotted 1px #000000;
	height:1px;
	width:850px;
	margin-left:20px;
}

/******************** フッター ********************/



#footer{
	height:90px;	width:auto;
	margin-top:60px;
	background-color:#f6f6f6;
	border-top:1px solid #a5a5a5;
}

.finner{
	margin: 0 auto;	width: 950px;	padding: 0px;
}


/******************** そのほか ********************/

span {
}



/******************** table ********************/

.company_table th{
	padding:3px 10px;
	vertical-align: top;
	text-align:center;
}

.company_table td{
	padding:3px 30px;
}

.plan_table{border-collapse: collapse;}

.plan_table th{
	padding:3px 10px;
	vertical-align: top;
	text-align:center;
	vertical-align:middle;
	background-color:#eeeeee;
	width:140px;
	border:1px solid #111111;
}

.plan_table td{
	padding:3px 10px;
	border-top:1px solid #111111;
	border-bottom:1px solid #111111;
	border-right:1px solid #111111;
	margin-left:0;
}

.sort_table th{
	padding:3px 10px;
	vertical-align: top;
	text-align:left;
	vertical-align:middle;
	width:140px;
}

.sort_table td{
	padding:3px 10px;
	margin-left:0;
}

.flow_table th{
	padding:3px 0;
	vertical-align: top;
	text-align:left;
	vertical-align:middle;
	width:140px;
}

.flow_table td{
	padding:0px 3px;
	margin-left:0;
}

/******************** margin ********************/

.mt3	{margin-top: 3px;}
.mt5	{margin-top: 5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt80	{margin-top:80px;}
.mt90	{margin-top:90px;}
.mt200	{margin-top:200px;}
.mt240	{margin-top:240px;}

	
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb60	{margin-bottom:60px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}
.mb150	{margin-bottom:150px;}
.mb200	{margin-bottom:200px;}
.mb300	{margin-bottom:300px;}
	
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}
.ml60	{margin-left:60px;}
.ml70	{margin-left:70px;}
.ml80	{margin-left:80px;}
.ml90	{margin-left:90px;}
.ml210	{margin-left:210px;}
.ml430	{margin-left:430px;}

.mr10	{margin-right:10px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}
.mr40	{margin-right:40px;}
.mr50	{margin-right:50px;}
.mr60	{margin-right:60px;}
.mr70	{margin-right:70px;}
.mr80	{margin-right:80px;}
.mr90	{margin-right:90px;}
.mr100	{margin-right:100px;}
.mr120	{margin-right:120px;}
.mr140	{margin-right:140px;}
.mr160	{margin-right:160px;}



/******************** padding ********************/

.pt3	{padding-top:3px;}
.pt5	{padding-top:5px;}
.pt6	{padding-top:6px;}
.pt10	{padding-top:10px;}
.pt13	{padding-top:13px;}
.pt14	{padding-top:14px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt40	{padding-top:40px;}
.pt50	{padding-top:50px;}
.pt60	{padding-top:60px;}
.pt70	{padding-top:70px;}
.pt80	{padding-top:80px;}
.pt90	{padding-top:90px;}
.pt100	{padding-top:100px;}
.pt160	{padding-top:160px;}
.pt170	{padding-top:170px;}
.pt180	{padding-top:180px;}
.pt190	{padding-top:190px;}
.pt195	{padding-top:195px;}
.pt197	{padding-top:197px;}
.pt200	{padding-top:200px;}
.pt210	{padding-top:210px;}
.pt220	{padding-top:220px;}
.pt230	{padding-top:230px;}
.pt240	{padding-top:240px;}
.pt250	{padding-top:250px;}
.pt260	{padding-top:260px;}
.pt270	{padding-top:270px;}
.pt280	{padding-top:280px;}
.pt290	{padding-top:290px;}
.pt300	{padding-top:300px;}
.pt310	{padding-top:310px;}
.pt320	{padding-top:320px;}
.pt330	{padding-top:330px;}
.pt340	{padding-top:340px;}
.pt400	{padding-top:400px;}
.pt410	{padding-top:410px;}
.pt420	{padding-top:420px;}
.pt430	{padding-top:430px;}
.pt440	{padding-top:440px;}

.pb3	{padding-bottom:3px;}
.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb20	{padding-bottom:20px;}
.pb30	{padding-bottom:30px;}
.pb40	{padding-bottom:40px;}
.pb50	{padding-bottom:50px;}
.pb60	{padding-bottom:60px;}
.pb70	{padding-bottom:70px;}
.pb80	{padding-bottom:80px;}
.pb90	{padding-bottom:90px;}
.pb300	{padding-bottom:300px;}

.pl3	{padding-left:3px;}
.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl17	{padding-left:17px;}
.pl20	{padding-left:20px;}
.pl21	{padding-left:21px;}
.pl22	{padding-left:22px;}
.pl23	{padding-left:23px;}
.pl24	{padding-left:24px;}
.pl25	{padding-left:25px;}
.pl26	{padding-left:26px;}
.pl27	{padding-left:27px;}
.pl28	{padding-left:28px;}
.pl29	{padding-left:29px;}
.pl30	{padding-left:30px;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl50	{padding-left:50px;}
.pl55	{padding-left:55px;}
.pl60	{padding-left:60px;}
.pl70	{padding-left:70px;}
.pl80	{padding-left:80px;}
.pl90	{padding-left:90px;}
.pl95	{padding-left:95px;}
.pl100	{padding-left:100px;}
.pl110	{padding-left:110px;}
.pl115	{padding-left:115px;}
.pl120	{padding-left:120px;}
.pl123	{padding-left:123px;}
.pl125	{padding-left:125px;}
.pl130	{padding-left:130px;}
.pl133	{padding-left:133px;}
.pl135	{padding-left:135px;}
.pl140	{padding-left:140px;}
.pl150	{padding-left:150px;}
.pl160	{padding-left:160px;}
.pl180	{padding-left:180px;}
.pl185	{padding-left:185px;}
.pl190	{padding-left:190px;}
.pl200	{padding-left:200px;}
.pl250	{padding-left:250px;}
.pl300	{padding-left:300px;}
.pl350	{padding-left:350px;}
.pl400	{padding-left:400px;}
.pl410	{padding-left:410px;}
.pl420	{padding-left:420px;}
.pl430	{padding-left:430px;}
.pl440	{padding-left:440px;}
.pl450	{padding-left:450px;}
.pl500	{padding-left:500px;}
.pl550	{padding-left:550px;}
.pl600	{padding-left:600px;}
.pl650	{padding-left:650px;}
.pl700	{padding-left:700px;}
.pl720	{padding-left:720px;}
.pl740	{padding-left:740px;}
.pl750	{padding-left:750px;}
.pl800	{padding-left:800px;}

.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr30	{padding-right:30px;}
.pr40	{padding-right:40px;}
.pr50	{padding-right:50px;}
.pr60	{padding-right:60px;}
.pr70	{padding-right:70px;}
.pr80	{padding-right:80px;}
.pr90	{padding-right:90px;}
.pr100	{padding-right:100px;}
.pr120	{padding-right:120px;}
.pr140	{padding-right:140px;}
.pr160	{padding-right:160px;}
.pr180	{padding-right:180px;}


/******************** font-size ********************/

.fs7	{font-size:7px;}
.fs8	{font-size:8px;}
.fs9	{font-size:9px;}
.fs10	{font-size:10px;}
.fs11	{font-size:11px;}
.fs12	{font-size:12px;}
.fs13	{font-size:13px;}
.fs14	{font-size:14px;}
.fs15	{font-size:15px;}
.fs16	{font-size:16px;}
.fs17	{font-size:17px;}
.fs18	{font-size:18px;}
.fs19	{font-size:19px;}
.fs20	{font-size:20px;}
.fs21	{font-size:21px;}
.fs22	{font-size:22px;}
.fs23	{font-size:23px;}
.fs24	{font-size:24px;}
.fs25	{font-size:25px;}
.fs26	{font-size:26px;}
.fs27	{font-size:27px;}
.fs28	{font-size:28px;}
.fs29	{font-size:29px;}

/******************** 幅 ********************/

.w200	{width:200px;}


/******************** フロート ********************/

.fl		{float:left;}
.fr		{float:right;}

/******************** カラー ********************/

.bold	{font-weight:bold;}
.gray	{color:#333333;}

/******************** ライン高さ ********************/

.lh1	{line-height:1.0;}
.lh11	{line-height:1.2;}
.lh12	{line-height:1.2;}
.lh13	{line-height:1.3;}
.lh2	{line-height:2.0;}