* {
margin: 0;
padding: 0;
}

html{height: 100%;}

/* BODY--------------------------------------------*/
body {
margin : 0;
color:#333;
font-size: 13px;
line-height: 150%;
text-align:center;
background: #FFF;
font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}


p{
margin-bottom:10px;
padding-left:3px;
}

/*デフォルト属性 */
img, a, h1, h2, h3, h4, h5, h6, blockquote {
margin: 0;
padding: 0;
border: 0;
}

/* 画像の属性 */
img{border: none; margin: 0;}
.img-left{float: left;margin: 5px 10px 5px 0;}
.img-right{float: right;margin: 5px 0 5px 10px;}
.img-center{;margin: 10px auto;}


/* リンクの属性（未指定の時） */
a:link, a:active {color:#1D3994;text-decoration: none;}
a:visited{color: #941D55;text-decoration: none;}
a:hover{color : #FF9900;text-decoration: underline;}


/* --------- 基本設定 ----------------------------------　*/
#container {
width: 980px;
text-align: left;
min-width: 980px;margin:auto;
}
		
/*ヘッダー部分*/
#header	{
margin : 0;
padding: 0;
height : 20px;
text-align:right;
}

#header h1{
font-size:12px;
font-weight:normal;
color:#666666;
display:inline;
}

#header .hh1{
font-size:12px;
font-weight:normal;
color:#666666;
display:inline;
}

#header img{float:left}

/*  パンくずリスト  */
#navi {
height: 20px;
border-bottom: 1px solid #E5E5E5;
font-size: 12px;
color:#666666;
text-indent: 15px;
margin: 0px;
}

#navi a{
color: #1D3994;
font-weight:normal;
text-decoration: none;
}

#navi a:hover{
color: #FFCC00;
}

#content{position: relative;border-width:1px 1px 1px 1px;border-style:solid;border-color: #FFFFFF;
margin: 0;width:978px;
}


#wrap{float:left;width:677px;}

/*エントリー部分*/
#main {
float:right;
width:519px;
min-height:650px;
margin-left:0px;
}

#main h1{
clear:both;
margin: 10px 0 5px 0;background:url(http://www.qooton.jp/img/mid.gif) no-repeat;
font-size: 117%;padding:4px 0px 3px 0px;
color: #333333;
text-indent: 25px;
font-weight:bold;
}

#main h2{
clear:both;
margin: 10px 0 5px 0;background:url(http://www.qooton.jp/img/mid.gif) no-repeat;
font-size: 117%;padding:4px 0px 3px 0px;
color: #333333;
text-indent: 25px;
font-weight:bold;
}
		
#main h3{
clear:both;
margin:5px 0px;
color:#000000;
padding-left:5px;
font-weight:bold;
font-size:100%;
border-width:1px 1px 1px 5px;
border-style:solid;
border-color:#CCC #CCC #CCC #1E880B;
}
				
#main h4{
clear:both;
margin: 10px 0 10px 10px;
font-size: 100%;
font-weight:bold;
color: #666;
text-align: left;
border-bottom: 1px solid #666;
}

#main h5{
clear:both;
margin:10px 0 10px 10px;
font-size: 100%;
color:#666;
text-align: left;
border-bottom: 1px solid #666;
}

li{list-style-type:none;line-height:200%}

.red{color:#FF0000;font-weight:bold}

#main li{line-height:170%}


#main .doc img{
	margin: 0 5px;
}

#main ol{
	margin-left: 0px;
}

/* 記事内の位置指定 */
.detail {
	text-align:right;
	font-size: 12px;
	margin-right:5px;
	margin-top;10px;
	margin-bottom;5px;
}



/*引用属性*/
blockquote {
	width: 400px;
	height: 200px;
	overflow: auto;
	border: 1px solid #CCC;
	scrollbar-face-color: #DCEBF0;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	text-align: left;
}

/* ニュースの一覧を表示する部分 */

.kakoi{width:245px;border:1px solid #666666;float:left;margin:5px;padding-bottom:10px;}
.kakoi2{width:502px;border:1px solid #666666;float:left;margin:5px;padding-bottom:10px;}
.katitle{color:#000000;font-weight:bold;text-decoration:underline;}
a.katitle{color:#000000;font-weight:bold;text-decoration:underline;}
a:hover.katitle{text-decoration:none;}

.kakoi3{width:504px;border:1px solid #666666;float:left;margin:5px;padding-bottom:5px;}

.kakoi li{padding:0px 10px;}
.kakoi2 li{padding:0px 10px;}
.kakoi3 li{padding:0px 10px;}

/* ニュースタイトルを横に配置-ランキング用 */
li.yoko{display:inline;padding-right:3px;}


.newstitle {padding: 2px 10px;
        margin-bottom: 5px;
	background-image: url("http://www.qooton.jp/img/index.gif");border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;}

.newstitle2 {padding: 2px 10px;
	margin-bottom: 5px;
	background-image: url("http://www.qooton.jp/img/index.gif");border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #CCCCCC;}


/*コンテンツ内のナビゲーション部分(サブカテゴリへのリンク)
------------------------------------------------------------------*/
.headnavi{color:#000000;font-weight:bold;margin-left:10px;}
.headnavi a{color:#1D3994;text-decoration:none;}
.headnavi a:hover{text-decoration:underline;}


/*文章挿入部分の外枠(ウェブページ)
------------------------------------------------------------------*/
.webpage{
width:494px;
padding:10px;
border:1px solid #888888;
margin-bottom:10px;
}

/*ウェブページ
------------------------------------------------------------------*/
.pl{border-bottom:1px dotted #333333;}

.qa{
float:left;
border:1px solid #666666;
padding:5px;
margin-bottom:5px;
}

.rank{
float:right;
border:1px solid #666666;
padding:5px;
margin-bottom:5px;
}




		
/*左サイドバー
------------------------------------------------------------------*/
#left {
float:left;
width: 158px;
}

#left .box{
width:136px;
margin: 0 0 0 5px;
padding: 5px;
font-size: 12px;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #CCCCCC;
}


/*------メニュー部分------*/
#left h4{
color:#333333;
width:146px;
height:20px;
margin: 10px 0 0 5px;
text-align: center;
font-size: 12px;
font-weight:normal;
background-image:url(http://www.qooton.jp/img/index.gif);
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #CCCCCC;
}

#left h3{
color:#333333;
width:146px;
height:20px;
margin: 10px 0 0 5px;
text-align: center;
font-size: 12px;
font-weight:normal;
background-image:url(http://www.qooton.jp/img/index.gif);
border-width: 1px 1px 0px 1px;
border-style: solid;
border-color: #CCCCCC;
}



#left ul{
margin: 0px;
font-size: 12px;
text-align: left;
}
	
/* トップカテゴリー指定 */

#left li{
margin: 0;
color: #0456D1;
}

#left a.leftlist{
color: #0456D1;
text-decoration: none;
padding-left:27px;
padding-top:2px;
display:block;
height:27px;
border-width:1px 0px;
background:url(http://www.qooton.jp/img/yahoocom.gif) no-repeat;
background-position: center left;
border-color:#F5F5F5;
border-style:solid;
}
	
#left a.leftlist:hover{
text-decoration:underline;
background-color:#F7F7F7;
}



/*右サイドバー
------------------------------------------------------------------*/
#right {
float:right;
width: 300px;
margin-left:0px;
}


#right h4{
color:#333333;
width:298px;
height:20px;
margin-top:10px;
text-align:center;
font-size: 12px;
background-image:url(http://www.qooton.jp/img/index.gif);
border:1px solid #CCCCCC;
}

#right .bookmark{text-align:center;}


#right .box {
width:288px;
font-size: 12px;
border-width: 0px 1px 1px 1px;
border-style: solid;
border-color: #CCCCCC;
padding: 5px;
text-align:left;
}



/*右サイドトップ広告挿入位置
------------------------------------------------------------------*/

#right .topad {
	width:300px;
	margin-top:10px;
	font-size: 12px;
	border:0px solid #335D99;
	padding: 0px;
}




/*フッター
------------------------------------------------------------------*/
#footer {
clear:both;
padding:5px 0px;
width:980px;
margin:auto;
border-top:1px solid #E5E5E5;
font-size:12px;
text-align: center;
}
		
#footer li{
display:inline;
padding-right:10px;
}
		
#footer a {color: #0456D1;}

#footer a:hover{color:#FF9900;}







/*iframe版検索エンジン
------------------------------------------------------------------*/

#searchwindow{color:color:#000000;font-size: 100%;
	font-weight: bold;padding: 8px 10px 11px 35px;
	text-align: left;background:url(http://www.qooton.jp/img/headnavi5.gif) no-repeat;}
#searchwindow a{color:#1D3994;text-decoration:none;font-weight:normal;}
#searchwindow a:hover{color:#1D3994;text-decoration:underline;font-weight:normal;}

input[type=text]{
width:320px;
height:20px;
font-size:14px;} 

input[type=submit]{
background:URL(http://www.qooton.jp/img/search-button.gif) no-repeat;
width:100px;
height:25px;
font-weight:bold;
font-size:13px;
border:0;
letter-spacing:5px;
}



#logo{float:left;height:60px;margin:0px 10px;}

#frame{float:left;height:60px}

/*お役立ちリンク
------------------------------------------------------------------*/
.pull{display:inline;}
.pull2{width:142px}




/*clearfix
------------------------------------------------------------------*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
*html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */