@charset "utf-8";

body {
	background-image: url(../images/bg-08.gif);
	font-size: 13px;
	line-height: 24px;
	color: #666666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 1px;
}

a {
	color: #666666;
}

/*------------------------------------------------------全タグに反映されます*/
* {
	padding:0px;
	margin:0px;
}
img {
	border:0;
}


/*-------------------------------------------------------共通---------*/
.left {
	float: left;
}

.clear{
	clear:both;
	line-height:1px;
}
.red {
	color: #D11313;
}

.style1 {color: #FF7800}
/*------------------------------------------------<ヘッダー>---------*/

#header {
	background-image: url(../images/00_bg.gif);
	background-repeat: repeat-x;
	height: 170px;
	background-position: bottom;
}
#headerInner {
	background-image: url(../images/00_header.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 170px;
	width: 865px;
	margin-right: auto;
	margin-left: auto;
}
#header h1 {
	font-size: 10px;
	color: #555555;
	text-align: right;
	padding: 3px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 12px;
}
#headerTop {
	height: 107px;
}
.home {
	float: left;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 0em;
	width: 33px;
	padding-left: 25px;
}
.home_mark {
	background-image: url(../images/home_08.png);
	background-repeat: no-repeat;
	height: 15px;
	width: 30px;
	display:block;
	background-position: 5px -60px;
}
#headerTab {
	width: 865px;
	height: 37px;
}

#headerTab .home a.green {
	color:#2D2D2D;
}
#headerTab .tab01 a {
	background-image: url(../images/tab_01.png);
	background-repeat: no-repeat;
	background-position: left -148px;
	text-align: center;
	display: block;
	float: left;
	margin-left: 10px;
	height: 25px;
	width: 156px;
	padding-top: 12px;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	letter-spacing: 0.04ex;
	font-weight: bold;
}

#headerTab .tab02 a {
	background-image: url(../images/tab_02.png);
	background-repeat: no-repeat;
	background-position: left -148px;
	text-align: center;
	display: block;
	float: left;
	margin-left: 6px;
	height: 25px;
	width: 187px;
	padding-top: 12px;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	letter-spacing: 0.04em;
	font-weight: bold;
}

#headerTab .tab03 a {
	background-image: url(../images/tab_03.png);
	background-repeat: no-repeat;
	background-position: left -148px;
	text-align: center;
	display: block;
	float: left;
	margin-left: 6px;
	height: 25px;
	width: 196px;
	padding-top: 12px;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	letter-spacing: 0.04em;
	font-weight: bold;
}

#headerTab .tab04 a {
	background-image: url(../images/tab_04.png);
	background-repeat: no-repeat;
	background-position: left -148px;
	text-align: center;
	display: block;
	float: left;
	margin-left: 6px;
	height: 25px;
	width: 134px;
	padding-top: 12px;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	letter-spacing: 0.04em;
	font-weight: bold;
}

#headerTab a.hit{
	background-position: top;
	color:#A2D603;
	font-weight: bold;
	text-decoration: none;
}
/*------------------------------------------------<パンくず>---------*/
#pankuzu {
	height: 25px;
	font-size: 11px;
	padding-left: 25px;
	padding-top: 7px;
	letter-spacing: 0.6px;
}


/*------------------------------------------------<本文　開始>---------*/
#wrap {
	background-image: url(../images/bg_07.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#wrapInnerSub {
	background-image: url(../images/bg_23.gif);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 865px;
}
#wrapInner {
	background-image: url(../images/bg-06.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#mainContents {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

/*------------------------------------------------------------左コンテンツ----*/
#LeftContents {
	float: left;
	width: 600px;
}
#LeftContents .top_img_wrap {
	padding-left: 12px;
}
#LeftContents .top_img {
	background-image: url(../images/top-img-03.jpg);
	background-repeat: no-repeat;
	background-position: right;
	height: 46px;
	width: 579px;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	padding-left: 5px;
}
#LeftContents .red_service {
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/top-service-top.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 20px;
	height: 25px;
}
#LeftContents .service_wrap {
	border: 1px solid #db1b1b;
}
h2.red {
	color: #D01413;
	background-image: url(../images/red_title_bg.gif);
	background-repeat: repeat-x;
	font-size: 14px;
	height: 28px;
	padding-top: 3px;
	margin-bottom: 15px;
}
h2.red .mark {
	background-image: url(../images/red_title_mark.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 5px 12px;
	padding-top: 10px;
}
.service_inner {
	width: 187px;
	padding-left: 6px;
	padding-right: 5px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #DB1B1B;
	padding-bottom: 10px;
	margin-bottom: 5px;
	float: left;
	margin-top: 5px;
}
.service_inner2 {
	width: 187px;
	padding-left: 6px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	float: left;
	margin-top: 5px;
}

.icon01 {
	background-image: url(../images/top-service-01.gif);
	background-repeat: no-repeat;
	padding-left: 34px;
	height: 32px;
	padding-top: 5px;
}
.icon02 {
	background-image: url(../images/top-service-02.gif);
	background-repeat: no-repeat;
	padding-left: 34px;
	padding-top: 5px;
	height: 33px;
	margin-top: 10px;
}
.icon03 {
	background-image: url(../images/top-service-03.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	line-height: 130%;
	margin-top: 10px;
}
.icon04 {
	background-image: url(../images/top-service-04.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	line-height: 130%;
	height: 30px;
	padding-top: 6px;
}
.icon05 {
	background-image: url(../images/top-service-05.gif);
	background-repeat: no-repeat;
	padding-left: 34px;
	height: 30px;
	margin-top: 10px;
	padding-top: 5px;
}
.icon06 {
	background-image: url(../images/top-service-06.gif);
	background-repeat: no-repeat;
	padding-left: 34px;
	padding-top: 5px;
	height: 30px;
}
.icon07 {
	background-image: url(../images/top-service-07.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 34px;
	height: 30px;
	margin-top: 10px;
}
.icon08 {
	background-image: url(../images/top-service-08.gif);
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 5px;
	padding-left: 34px;
	margin-top: 10px;
}
/*-----------------------------------------------------------whats_new*/
.whats_new li {
	padding-left: 10px;
	list-style-type: none;
	padding-bottom: 5px;
}
.whats_new a {
	text-decoration: none;
}
.whats_new a:hover {
	text-decoration: underline;
}
.red_arrow {
	background-image: url(../images/top-red-arrow.gif);
	background-repeat: no-repeat;
	height: 26px;
	border: 1px solid #c30000;
	text-align: right;
	float: right;
	padding-left: 20px;
	background-color: #f9e5e5;
	padding-right: 10px;
}
.red_arrow a {
	color: #C30000;
}

/*-----------------------------------------------------------プロバイダ口コミ*/
.pro img {
	padding: 15px;
}
.pro p {
	font-size: 12px;
	line-height: 20px;
}
.pro a {
	color: #C30000;
}


/*------------------------------------------------------------右コンテンツ----*/
#RightContents {
	float: right;
	width: 200px;
}

.qa_wrap {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #565656;
	border-left-color: #565656;
	background-color: #ebebeb;
}
.qa_q {
	background-image: url(../images/top-qa-q.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 20px;
}
.qa_a {
	background-image: url(../images/top-qa-a.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#RightContents .qa {
	font-size: 12px;
	line-height: 21px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #565656;
	margin-top: 20px;
}
.qa_wrap a {
	font-weight: bold;
	color: #F40202;
}


/*------------------------------------------------<フッター>---------*/
#pagetop {
	text-align: right;
	padding-right: 20px;
	padding-bottom: 20px;
}

#footer {
	background-image: url(../images/00_footer.gif);
	background-repeat: no-repeat;
	height: 63px;
	width: 865px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	color: #FFFFFF;
	text-align: center;
	padding-top: 7px;
	line-height: 16px;
	background-position: top;
}
#footer a {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 16px;
}

address {
	font-size: 11px;
	font-style: normal;
	text-align: center;
	color: #83692e;
	padding-bottom: 15px;
}



/*-------------------------------------------------------------用語集----*/

.lefttext {
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: 600px;
}

.lefttext p{
	color:#666666;
	padding:0 20px 0px 20px;
	line-height: 21px;
}

.lefttext img{
	float:left;
}

.lefttext table.border{
	margin:20px;
	width:570px;
	border-spacing:0;
	border-collapse:collapse;
}

.lefttext table.border th{
	border: 1px solid #cccccc;
	line-height: 130%;
	font-weight:normal;
	white-space: nowrap;
	background-color: #DDF3D6;
	color: #666666;
	text-align: center;
	padding: 5px;
	font-size:70%;
}
.lefttext table.border td{
	border: 1px solid #cccccc;
	line-height: 130%;
	padding: 10px 5px;
	font-size:70%;
	color:#666666;
}

.lefttext a{
	color:#666666;
}

.lefttext a:hover{
	color:#458220;
	text-decoration:none;
}
.lefttext h4{
	margin:0 0 0 5px;
	padding:10px 0 10px 10px;
	color:#4B9F2F;
}

.lefttext table.yougot{  /*用語集用*/
	border: 1px solid #cccccc;
	margin:0px 0px 20px 50px;
	width:500px;
	border-spacing:0;
	border-collapse:collapse;
	clear:both;
}

.lefttext table.yougot td{  /*用語集用*/
	line-height: 130%;
	vertical-align:top;
	color:#666666;
}

#yougo{
	display:block;
	margin:0px 0 0 60px;
}
#yougo li{
	float:left;
	list-style:none;
}.yougot li {
	padding: 10px;
	list-style-type: none;
}
/*-----------------------------------------------------------------サイトマップ*/
#sitemapWrap {
	padding: 15px;
}
#sitemapWrap li {
	margin-left: 20px;
}
#sitemap h3 {
	padding-top: 10px;
	padding-bottom: 10px;
}
#sitemapWrap .sub {
	margin-left: 20px;
	list-style-type: circle;
}

/*--------------------------------------------------------------------プライバシーポリシー-----*/
#privacy {
	margin: 0px;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#privacy h3 {
	background-image: url(../images/titles.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	color: #A30CC4;
	padding-left: 25px;
	padding-bottom: 5px;
	border-bottom-width: 4px;
	border-bottom-style: dotted;
	border-bottom-color: #E385F8;
	padding-top: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
}
#privacy p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#privacy ul {
	margin: 0px;
	padding: 10px;
}
#privacy li {
	list-style-position: outside;
	list-style-type: decimal;
	padding: 0px;
	margin-left: 15px;
}

/*-----------------------------------------<QA_search>----------*/

.subtext2 {
	line-height:110%;
	color: #666666;
	float: left;
	width: 550px;
	padding: 0;
	margin: 0;
}

.searchEnter2 {
	background-color: #2680B1;
	width: 540px;
}

.td01 {
	padding: 7px 0 7px 7px;
	width: 150px;
}

.txt01 {
	height: 18px;
	width: 146px;
	padding: 3px;
	font-size: 14px;
	color: #696969;
}
.td02 {
	width: 50px;
	padding-left: 6px;
	padding-right: 6px;
}

.linkUp {
	background-image: url(../images/QA_08-05.gif);
	background-repeat: no-repeat;
	padding-left: 130px;
	padding-top: 2px;
	min-height:22px;
	height: auto !important;
	height: 22px;
	margin-top: 10px;
	line-height: 130%;
	font-size:80%;
}

.linkUp a {
	color: #0066cc;
}

.result {
	background-image: url(../images/QA_12.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
	height: 29px;
	padding-left: 155px;
	color: #cc0000;
	padding-top: 2px;
	line-height: 130%;
	font-size:80%;
}

.resultInner p {
	line-height: 140%;
	font-size:85%;
}
.resultInner {
	margin-bottom: 20px;
}
.imgSpacer {
	padding-right: 10px;
}
a.resultTitle {
	color: #1486be;
	font-size: 100%;
	font-weight: bold;
	line-height: 24px;
}
.date {
	color: #B3B3B3;
	font-size: 75%;
	margin-left: 10px;
}
.siteLink {
	color: #2ba700;
}

.resultTitle .highlight {
	padding: 2px;
	background-color: #bcf0ff;
	text-decoration: underline;
}
 
.highlight {
	padding: 2px;
	background-color: #bcf0ff;
}

/*ページ番号*/
.number a {
	margin-left: 5px;
	border: 1px solid #E0DFE3;
	padding: 5px;
	text-align: center;
	font-size:10px;
}
.number a:hover {
	margin-left: 5px;
	border: 1px solid #E0DFE3;
	padding: 5px;
	color:#FFFFFF;
	background-color:#1486be;
	font-size:10px;
}
.numberHit {
	padding: 3px;
	margin-left: 5px;
	font-weight: bold;
	border: 1px solid #E0DFE3;
	background-color: #E0DFE3;
	font-size:10px;
}
.next a {
	margin: 0 10px 0 15px;
	font-weight: bold;
	background-image: url(../images/icon_next.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	padding-right: 20px;
	height: 18px;
	line-height: 18px;
	font-size: 80%;
	color: #0066cc;
}

.pre a {
	margin: 0 10px 0 15px;
	font-weight: bold;
	background-image: url(../images/icon_pre.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	height: 18px;
	line-height: 18px;
	padding-left: 20px;
	font-size: 80%;
	color: #0066cc;
}
.linkBottom {
	background-image: url(../images/QA_19-09.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 117px;
	font-size: 80%;
	line-height: 130%;
	margin-top: 25px;
}
.linkBottomBox {
	background-color: #e5f2ff;
	border: 1px solid #0066cc;
	padding: 10px;
	font-size: 80%;
	line-height: 130%;
}

.linkBottomBox a {
	color: #0066cc;
}

/*タグクラウド（右メニュー用）*/
.tagcloud {
	background-color: #245511;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 5px 10px 5px;
	padding:0;
}

#submenu .tagcloud ul.tag {
	padding: 5px 10px 10px 10px;
	margin:0px;
	list-style-type: none;
}

#submenu .tagcloud ul.tag {
	line-height: 1.3;
}

#submenu .tagcloud ul.tag li {
	display: inline;
	margin:3px;
	padding:0;
	font-size: 8.5px; /* ここで相対的に文字サイズを変更 */
	list-style-type: none;
}

#submenu .tagcloud ul.tag li a {
	padding: 0 5px;
	padding:0;
	position: relative;
	text-decoration: none;
	text-align: center;
}

#submenu .tagcloud ul.tag li.level1 a {
	z-index: 6;
	font-size: 300%;
	color: #FFFFFF;
}

#submenu .tagcloud ul.tag li.level2 a {
	top: 5px;
	z-index: 5;
	font-size: 250%;
	color: #FFFFFF;
}

#submenu .tagcloud ul.tag li.level3 a {
	font-size: 200%;
	color: #FFFFFF;
	z-index: 4;
}

#submenu .tagcloud ul.tag li.level4 a {
	top: 5px;
	z-index: 3;
	font-size: 150%;
	color: #FFFFFF;
}

#submenu .tagcloud ul.tag li.level5 a {
	font-size: 120%;
	color: #FFFFFF;
	z-index: 2;
}


/* オンマウス */
#submenu .tagcloud ul.tag li a:hover {
	z-index: 10;
	color: #FFFFFF;
	padding: 3px;
	background-color: #3d961b;
	border: 1px solid #FFFFFF;
}

/*画像余白*/
.searchSpace {
	padding-top: 10px;
}
.border {
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #d9d2d9;
}

/*おすすめ検索ワード*/
.osusume {
	font-weight: bold;
	line-height: 130%;
	padding-bottom: 10px;
}
.osusume table {
	background-color: #f4ffd5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #779b03;
	border-bottom-color: #779b03;
	border-left-color: #779b03;
	width: 210px;
}
.osusume td {
	padding-top: 10px;
	padding-left: 10px;
	font-size: 90%;
}
.osusume a {
	color: #333333;
}
#all {
	background-image: url(images/englishQA_26.gif);
	background-repeat: no-repeat;
	height: 22px;
	width: 115px;
	float: right;
}
#all a {
	color: #FFFFFF;
	padding-right: 37px;
	line-height: 22px;
}

/*タグクラウド（検索トップ用）*/
#tagcloud {
	background-color: #2680B1;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
	padding:0;
}


#tagcloud ul.tag {
	padding: 5px 10px 10px 10px;
	margin:0px;
	list-style-type: none;
}

#tagcloud ul.tag li {
	line-height: 1.3;
	display: inline;
	margin:3px;
	font-size: 8.5px; /* ここで相対的に文字サイズを変更 */
	list-style-type: none;
}

#tagcloud ul.tag li a {
	position: relative;
	text-decoration: none;
	text-align: center;
}

#tagcloud ul.tag li.level1 a {
	z-index: 6;
	font-size: 300%;
	color: #FFFFFF;
}

#tagcloud ul.tag li.level2 a {
	top: 5px;
	z-index: 5;
	font-size: 250%;
	color: #FFFFFF;
}

#tagcloud ul.tag li.level3 a {
	font-size: 200%;
	color: #FFFFFF;
	z-index: 4;
}

#tagcloud ul.tag li.level4 a {
	top: 5px;
	z-index: 3;
	font-size: 150%;
	color: #FFFFFF;
}

#tagcloud ul.tag li.level5 a {
	font-size: 120%;
	color: #FFFFFF;
	z-index: 2;
}


/* オンマウス */
#tagcloud ul.tag li a:hover {
	z-index: 10;
	color: #FFFFFF;
	padding: 3px;
	background-color: #333333;
	border: 1px solid #FFFFFF;
}
/*画像余白削除*/
#topright img.searchTop {
	margin: 0px;
	padding: 0;
}
.osusumeWrap {
	float: left;
	margin-left: 20px;
	width: 220px;
}
.prWrap {
	border: 1px solid #BFBFBF;
	width: 210px;
}

p.title {
	font-size: 90%;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
	margin: 0px;
}
p.title a {
	color:#9E9E9E;
}
p.sub {
	font-size: 80%;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

/*------------------------------------------------<フォーム>---------*/

#form {
	margin: 0px;
	width: 790px;
	padding-right: 23px;
	padding-left: 22px;
}
#form .subLeft {
	width: 190px;
	text-align: right;
	vertical-align: top;
}
#form .subRight {
	width: 565px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#form table {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#border2 {
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	height: 1px;
}
#form .red {
	font-size: 11px;
	color: #C60000;
	line-height: 15px;
}
#form .submitButton {
	text-align: center;
	color: #FFFFFF;
	background-color: #666666;
	font-weight: bold;
	border: 3px solid #666666;
	margin: 20px;
	cursor: pointer;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	letter-spacing: 1px;
	font-size: 14px;
}

#form .submitButton:hover {
	background:#333333
}

#form .t01 {
	border: 4px solid #CCCCCC;
	padding: 3px;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 4px;
}
#form .tex01 {
	border: 4px solid #CCCCCC;
}
#topBT {
	padding: 30px;
	margin: 0px;
	text-align: center;
}

#topBT a {
	margin: 5px;
	padding: 10px;
	border: 3px solid #666666;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #666666;
}
#topBT a:hover {
	margin: 5px;
	padding: 10px;
	border: 3px solid #666666;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333333;
}
#error {
	padding: 15px;
	background-color: #ffdfdf;
	border: 1px dotted #FF3366;
	margin-bottom: 15px;
	margin-top: 15px;
	margin-right: 10px;
	margin-left: 40px;
}
#error .errorT {
	margin-left: 20px;
	float: left;
}
#error .left {
	float: left;
}
.redBig {
	font-weight: bold;
	color: #CC0000;
}
