/* 2&3 columns extension for distribution */

/******* 基本設定 *******/

body{
background-color:#DDDDDD;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
line-height: 1.166;
margin: 0px;
padding: 0px;
font-size: 105%;
}

a, a:link, a:visited{
color: #006699;
/**text-decoration: none;**/
}

a:hover{
text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
margin: 10px;
padding: 5px;
}

h1{
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 115%;
color: #334d55;
}

h2{
font-size: 110%;
color: #006699;
}

h3{
font-size: 105%;
color: #334d55;
}

/**
h4{
font-size: 100%;
color : #333333;
border-width: 0px 0px 0px 0px;
border-style : solid
clear:both;
}
**/

h5{
font-size: 95%;
color: #18477A;
border-width: 0px 0px 0px 0px;
border-style : solid
}

h6{
font-size: 95%;
/**color: #333333;**/
}

ul{
list-style-type: square;
margin-top:0 auto;
margin-bottom:0 auto;
padding-top:0 auto;
padding-bottom:0 auto;
}

ul ul{
list-style-type: disc;
margin-top:0 auto;
margin-bottom:0 auto;
padding-top:0 auto;
padding-bottom:0 auto;
}

ul ul ul{
list-style-type: none;
}

label{
font: bold 100% Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
color: #334d55;
}

a img{
border: none;
}

/******* フォーマットのレイアウト *******/

body{
text-align: center; /* Internet Explorer 5.5以前への対応 */
}

#container{
margin: 0px auto;
padding: 0px 0px 0px 0px;
width: 888px; /* 左右に余白を入れる場合は、ここを編集 */
text-align: left; /* Internet Explorer 5.5以前への対応 */
background-color: #FFFFFF;
border-top: solid 5px #333333;
border-right: solid 5px #333333;
border-bottom: solid 5px #333333;
border-left: solid 5px #333333;
}

#headercontainer{
width: 880px;
margin: 0px;
padding: 0px;
}

#header{
width: 880px;
/***margin: 0 auto;***/
}

#siteinnfo{
width:883px;
margin: 0 auto;
padding: 0 auto;
}

#sidebar-left{
float: left;
width: 230px;
margin: 10px 12px 0px 0px;
padding: 0px auto;
}

#content-3col{
float: right;
width: 600px;
margin: 5px 10px 0px 0px;
padding: 0 auto;
}

#footer{
background-color: #FFFFFF;
width: 880px;
clear: both;
border: 1px solid #cccccc;
padding: 15px 0px 10px 0px;
margin: 0px;
text-align: center;
}


/******* headercontainer ********/

#headercontainer{
/*** position: top; ***/
width: 100%;
padding: 0px;
margin: 0px;
}


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

#header{
width: 888px;
height: 100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(http://www.qiqqiq.com/images/darkblue.jpg) right top no-repeat;
}

#headercontainer #header img{
float: left;
margin: 0px 20px 10px 5px;
padding: 0px 0px 0px 0px;
}

#header h1{
color: purple;
margin: 0px 0px 2px 2px;
padding: 20px 5px 5px 10px ;
font-size: 16px;
}

#header h2{
margin: 5px 0px 2px 0px;
padding: 0px 5px 0px 0px;
font-size: 16px;
color: #18477A;
}

#header strong{
margin: 5px 0px 2px 0px;
padding: 0px 5px 0px 0px;
font-size: 16px;
color: #18477A;
}

#header strong a{
margin: 5px 0px 2px 0px;
padding: 0px 5px 0px 0px;
font-size: 16px;
color: #18477A;
}

#header strong a:hoover{
margin: 5px 0px 2px 0px;
padding: 0px 5px 2px 0px;
font-size: 16px;
color: #18477A;
}

#header h4{
float:right;
margin: 0px 0px 0px 0px;
padding: 5px 5px 5px 5px;
font-size: 85%;
}

#header p{
clear: both;
margin: 2px 0px 0px 0px;
padding: 0px 5px 5px 15px;
font-size: 14px;
font-style: bold;
color: #868686;
}

#header b{
font-size: 95%
color: #FF0000;
}


/*********HeaderRight**************/

#HeaderRight{
float: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
fontsize: 12px;
color: #FFFFFF;
}

#headercontainer #HeaderRight img{
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 5px;
}

/********* Siteinfo **************/

#siteinfo {
width: 845px;
padding: 6px 2px;
/**background: #143970;**/
}

#siteinfo ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 15px;
text-align: left;
/**background: url(http://www.919049.com/images/picombg.jpg) left top no-repeat #143970 ;**/
/**background: #143970;**/
}

#siteinfo li{
display: inline;
white-space: nowrap;
}

#siteinfo a {
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
background-color: #1F3EBB;
padding : 5px 15px;
}

#siteinfo a:hover{
text-decoration: none;
font-weight: bold;
color: #FFFFFF;
background-color: purple;
}


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

#breadCrumb{
font-size: 90%;
text-align: left;
margin:0 auto;
padding: 2px 5px 2px 5px;
}


/******* エントリー・ナビゲーション *******/

#entryNav{
margin: 0px 0px 0px 0px;
padding: 0px 5px 5px 0px; 
text-align: right;
font-size: 80%;
}

#entryNavBottom{
text-align: center;
font-size: 80%;
}


/******* エントリー *******/

#blogbody{
clear: both;
border:0px 0px 0px 0px;
padding: 5px 20px 20px 10px;
margin:0 auto;
font-size: 90%;
color:#333333;
background-color: #FFFFFF;
}

#blogbody p{
padding: 0px 5px 0px 5px;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
line-height: 1.4;
}

#blogbody p.date{
color: #666666;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 80%;
text-align: left;
font-weight: bold;
margin-bottom: 10px;
}

#blogbody .posted{
color: #666699;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 100%;
border-bottom: 1px solid #999999;
text-align: left;
margin: 5px 0px 0px 0px;
line-height: normal;
padding: 5px;
}

#blogbody .testimonials{
color:#18477A ;
font-family: Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 100%;
text-align: left;
line-height:1.5;
padding: 5px;
}


#blogbody ul li{
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
margin: 0 auto;
padding: 0px 2px 0px 2px;
line-height:1.4;
}

#blogbody ol li{
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
margin: 0 auto;
padding: 0px 2px 0px 2px;
line-height:1.4;
}

#blogbody h3{
border-left : 10px solid red; 
margin: 5px 0px 5px 15px; 
padding: 0px 0px 0px 5px; 
}


#blogbody h4{
margin: 10px 0px 10px 5px;
padding: 5px 5px 5px 5px; 
font-color:#18477A;
}

#blogbody h5{
font-size:105%; 
border-left : 10px solid red; 
margin: 5px 0px 5px 15px; 
padding: 0px 0px 0px 5px; 
} 

#blogbody h6{ 
border-left : 8px solid orange; 
font-size:100%; 
margin: 0px 5ps 0px 5px; 
padding:0px 5px 0px 10px;
} 

#blogbody b{
color:purple;
}

#blogbody big{
margin: 15px 0px 15px 0px;
padding: 5px 5px 5px 0px; 
font-weight:bold;
font-size:14px;
color:purple;
}

#blogbody strong{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px; 
color:#18477A;
}

#blogbody i{
border-left : 10px solid darkblue;
margin: 5px 0px 5px 5px;
padding: px 5px 0px 15px; 
color:maron;
}

#blogbody u{
border-left : 5px solid red;
font-size:105%;
margin: 0px 5ps 0px 5px;
padding:0px 5px 0px 10px; 
color:darkblue
}

.clear{
clear:both;
}

blockquote{
padding: 5px 10px 5ｐｘ 10px;
margin: 5px 10px 10px 10px;
border:5px dotted purple;
}

/******* addbox *********/

#blogbody #addbox {
margin:5px 5px 5px 5px; 
padding:0px 0px 0px 0px; 
border: 1px solid;
}

#blogbody #addbox h3{
margin:5px 0px 5px 15px; 
padding:0px 0px 0px 5px; 
font-size:80%;
}

#blogbody #addbox h4{
margin: 10px 0px 10px 5px;
padding: 5px 5px 5px 5px; 
font-color:#18477A;
font-size:70%;
}

#blogbody #addbox p{
font-size:70%;
}

/********Blogbody Icons ********/

#blogbody #icons{
float: right;
padding: 0px 0px 0px 0px;
margin: 1px 0px 1px 0px;
}

#blogbody #icons img{
padding: 0px 1px 0px 1px;
margin: 0px 0px 0px 0px;
}

/******* コンテンツ・画像 *******/

#blogbody img{
margin:0px 10px 5px 5px;
padding:0px 0px 0px 0px;
} 

#blogbody #boxleft{
float:left;
margin:5px 5px 5px 5px;
padding:2px 0px 2px 0px;
border:1px solid;
background-color:#FFFFF0;
} 

#blogbody #boxleft img{
padding: 2px;
margin: 2px;
}

#blogbody .imageright img{
float: right;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 5px;
}

#blogbody .imageright embed{
float: right;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 5px;
}

#blogbody .imageleft img{
float: left;
padding: 0px 0px 0px 0px;
margin: 10px 10px 10px 10px;
}

#blogbody .imageleft embed{
float: left;
padding: 0px 0px 0px 0px;
margin: 10px 10px 10px 0px;
}

#blogbody .imagecenter img{
float: center;
padding: 0px 0px 0px 0px;
margin: 10px 10px 10px 10px;
}

#blogbody .imagecenter embed{
float: center;
padding: 0px 0px 0px 0px;
margin: 10px 10px 10px 0px;
}

/********  Box  *******/

#box{
margin:10px 0px 10px 0px;
padding: 5px;
border:1px solid gray;
background-color:#FFFFF0;
width:600px;
}

#box1{
float:left;
padding: 5px 5px 5px 5px;
margin: 3px 10px 3px 3px;
background-color:#FFFFFF;
width:44%;
}

#box2{
float:left;
padding: 5px 5px 5px 5px;
margin: 3px 3px 3px 3px;
background-color:#FFFFFF;
width:44%;
}

.photo h4{
margin: 10px 0px 5px 0px;
}

#blogbody .imageright img{
float: right;
padding: 0px 0px 0px 0px;
margin: 5px 0px 5px 10px
}

#blogbody .imageleft img{
float: left;
padding: 0px 0px 0px 0px;
margin: 10px 10px 10px 10px
}

.link{
text-align:right;
}

.photo p{
margin: 5px 10px 5px 10px;
}

#blogbody .imgcenter img{
float:center;
margin:5px;
padding:5px;
}

/*******  BoxRight  *******/

#boxright{
float:right;
margin:0px;
padding:0px;
background-color:#CCDDEE;
}

#blogbody #boxright img{
padding: 0px;
margin: 0px;
}

#boxright .contents{
margin: 12px 12px 0px 12px;
padding: 5px;
background: #FFFFFF;
line-height: 1.4:
}

#blogbody #boxright li ul{
margin: 0px;
padding:0px;
line-height: 1.4:
text-align:left;
}

.boxright_top{
background: url(http://www.qiqqiq.com/images/boxright_tr.gif) no-repeat top right;
}

.boxright_bottom{
background: url(http://www.qiqqiq.com/images/boxright_br.gif) no-repeat bottom right;
}

.corner{
height:11px;
width:11px;
border:none;
display: block;
}

/******** table styles **********/

/*テーブルの設定 */
table{
margin: 10px 5px 15px 5px;
width: auto;
max-width: 95%;
border: 1px solid #cccccc;
border-collapse: collapse;
font-size: 105%;
line-height:1.2em;
color:#333333;
}

caption{
padding: 0.4em;
white-space: nowrap;
font-weight: bold;
}

td{
padding: 0.2em;
border: 1px solid;
empty-cells: show;
}

th{
padding: 0.2em;
border: 1px solid;
empty-cells: show;
font-weight: bold;
background-color: #ffdfdf;
line-height: 1.5em;
}
thead, tfoot{
padding: 0.4em;
font-weight: bold;
text-align: center !important;
}
.right{
text-align: right;
}
.center{
text-align: center;
}
.left{
text-align: left;
}
col.article{
text-align: center;
font-weight: bold;
background-color: #dcdcdc;
}
col.hatching{
background-color: #dcdcdc;
}
col.crawl{
width: 5em !important;
}
table.robot{
width: auto !important;
}
table.robot td, table.robot th{
padding: 2px 7px;
}
.center-center{
text-align: center !important;
}
.whitetext{
color: #ffffff;
}


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

#footer{
padding:2px;
margin:0 auto;
}

#footer img{
padding: 2px 2px 2px 2px;
vertical-align: middle;
}

#footer h3{
display: inline;
color: #669900;
font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
font-size: 80%;
font-weight: normal;
}

#footer a{
font-size:12px;
padding:0 auto;
margin:0 auto;
}

.footermenu{
margin:0 auto;
padding:0 auto;
vertical-align:top;
}

#footer table{
border:0px;
}

/******* サイドバー・左 *******/

#sidebar-left ul a:link, #sidebar-left ul a:visited{
display: block;
}

#sidebar-left ul{
margin: 3px 0px 3px 20px;
padding: 0px;
}

#sidebar-left li{
border-bottom: 1px solid #eeeeee;
font-size: 16px;
}

#sidebar-left h6{
padding: 0px 0px 0px 0px;
margin: 7px 2px 0px 5px;
font-size: 15px;
}

html>body #sidebar li {
border-bottom: none;
}

/******* カテゴリーメニュー*******/

#CategoryMenu{
margin: 5px 0px 0px 5px;
padding: 0px;
border: 1px solid blue;
font-size: 17px;
font-weight: bold;
background-color: #D7DCF2;
clear: both;
}

#CategoryMenu ul{
list-style: none;
margin: 0px;
padding: 0px;
}

#CategoryMenu ul li a{
list-style: none;
color: #18477A;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

#CategoryMenu a:link{
display: block;
padding: 0px 0px 0px 2px;
border-bottom: 1px solid #8c8c8c;
}

#CategoryMenu a:visited{
display: block;
/***
border-bottom: 1px solid #8c8c8c;
***/
padding: 0px 0px 0px 2px;
}

#CategoryMenu a:hover{
display: block;
background-color: lightblue;
padding: 0px 0px 0px 2px;
}

#CategoryMenu img {
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 2px 0px 0px;
}

#CategoryMenu img a:visited{
margin: 0px 2px 0px 0px;
}

#CategoryMenu img a:hover{
background-color: lightblue;
margin: 0px 2px 0px 0px;
}

#CategoryMenu .category{
padding: 0px;
margin: 0px;
display: block;
line-height: 32px;
}

/*******CategoryImg*******/

#CategoryImg{
padding: 2px 2px 2px 2px;
margin: 5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
clear: both;
}

#CategoryImg img a{
float: left;
display: block;
margin: 2px;
padding: 0 auto;
clear: both;
}


/******* Thid Category Menu *******/

.thisCategoryMenu{
color: red;
display: block;
width:100%;
border-top: 1px solid #8c8c8c;
background-color: #D8B0FF;
}

.thisCategoryMenu a:link{
color: #ffff66;
}
.thisCategoryMenu a:visited{
color: #ffff66;
}
.thisCategoryMenu a:hover{
color: #666666;
}


/*******Menu*******/

.Menu{
margin: 5px 0px 0px 5px;
padding: 5px 0px 0px 0px;
border: 1px solid blue;
font-size: 15px;
background-color: #FFFFFF;
}

.Menu h6{
padding: 0px 0px 0px 0px;
margin: 2px 2px 2px 2px;
font-size: 15px;
}

/****
.Menu ul li{
list-style: none;
border-bottom: solid 1px;
}
***/

.Menu ul li a:visited{
border-bottom: solid red 1px;
}

.Menu ul li a:hover{
border-bottom: solid blue 1px;
}

.Menu li{
padding: 1px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
border-bottom: solid 1px;
/***
position: left;
list-style: none;
background: url(http://www.qiqqiq.com/images/file.gif) no-repeat center left;
***/
}

.Menu ul li a img{
position: left;
padding: 0px 2px 0px 0px;
margin: 0px 2px 0px 0px;
}

.Menu img{
padding: 0px 2px 0px 0px;
margin: 2px 2px;
clear: both;
}


/******* アーカイブメニュー *******/

#sidebar-left .ArchiveMenu{
width: 100%;
margin: 5px 0px 0px 5px;
padding: 0px 5px 5px 5px;
font-size: 85%;
border: 1px solid blue;
background-color: #FFFFFF;
}

#sidebar-left .ArchiveMenu h3{
padding: 0px 0px 0px 0px;
margin: 5px 2px 5px 2px;
font-size:115%;
}

#sidebar-left .ArchiveMenu h6{
padding: 0px 0px 0px 0px;
margin: 5px 2px 0px 2px;
font-size: 14px;
color: purple;
}

#sidebar-leff .ArchiveMenu ul li{
list-style:none;
border-bottom: solid 1px;
border-bottom-color: #18477A !important;
}

#sidebar-left .ArchiveMenu li{
background: url(http://www.qiqqiq.com/images/arrowblue.gif) no-repeat center left;
padding: 0px 0px 0px 10px; 
border-bottom: solid 1px;
border-bottom-color: #18477A !important;
}

/******* Search Box *******/

#searchbox{
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#sidebar-left #searchbox{
font-size: 85%;
}

#searchbox img{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
}

#searchbox input{
float: left;
display: block;
margin:0 auto;
padding:0 auto;
}


/******Related*******/

#sidebar-left .Related{
width: 100%;
margin: 5px 0px 0px 5px;
padding: 0px 5px 5px 5px;
font-size: 85%;
border: 1px solid blue;
background-color:#EFEFEF;
}

#sidebar-left .Related h3{
padding: 0px 0px 0px 0px;
margin: 5px 2px 5px 2px;
font-size:115%;
}

#sidebar-leff .Related ul li{
list-style: none;
line-height: 1.4;
border-bottom: solid 1px blue;
border-bottom-color: #18477A !important;
}

#sidebar-left .Related li{
background: url(http://www.qiqqiq.com/images/arrowblue.gif) no-repeat center left;
padding: 0px 0px 0px 10px; 
}

/******* PIC *******/

#PIC{
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#sidebar-left #PIC{
font-size: 85%;
}

#PIC img{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
}

#PIC input{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
}


/******* BPI *******/

#BPI{
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#sidebar-left #BPI{
font-size: 85%;
}

#BPI img{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
}

#BPI input{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
}

/******* JPIA *******/

#JPIA{
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#sidebar-left #JPIA{
font-size: 85%;
}

#JPIA img{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
}

#JPIA input{
float: left;
display: block;
margin:0 auto;
padding:0 auto;
}

/******* Secom *******/

#Secom{
padding: 5px 5px 5px 5px;
margin:5px 0px 5px 5px;
font-size: 85%;
border: 1px solid blue;
clear: both;
height: 100px;
}

#sidebar-left #Secom{
font-size: 85%;
}

#Secom img{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
}

#Secom input{
float: left;
display: block;
margin: 0 auto;
padding: 0 auto;
clear: both;
}


/******* login *******/

#login{
padding: 5px 5px 5px 5px;
margin:5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#sidebar-left #login{
font-size: 85%;
}

#login img{
float:left;
display: block;
margin:0 auto;
padding:0 auto;
}

#login input{
float:left;
display: block;
margin:0 auto;
padding:0 auto;
}


/******* Headlines *******/

#Headlines{
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#Headlines p{
margin:0px auto;
padding: 0px 5px 0px 5px;
font-size:85%;
}


/******* headlines *******/

#headlines{
padding: 5px 5px 5px 5px;
margin:2px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#headlines p{
margin:0px auto;
padding: 0px 5px 0px 5px;
font-size:85%;
}


/*******URLList *******/

#URLList{
padding: 5px 5px 5px 5px;
margin:2px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#URLList p{
margin:0px auto;
padding: 0px 5px 0px 5px;
font-size:85%;
}


/******* Cell *******/

#Cell{
padding: 5px 5px 5px 5px;
margin:2px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#Cell p{
margin:0px auto;
padding: 0px 5px 0px 5px;
font-size:85%;
}


/******* advertisement *******/

#advertisement{
padding: 5px 5px 5px 5px;
margin:5px 0px 0px 5px;
font-size: 85%;
border: 1px solid blue;
}

#sidebar-left #advertisement{
font-size: 85%;
}

#advertisement img{
float:left;
display: block;
margin:0 auto;
padding:0 auto;
}

#advertisement input{
float:left;
display: block;
margin:0 auto;
padding:0 auto;
}


/******* デフォルトから *******/

.link-note{
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
margin: 0px;
padding: 10px 0px 20px 10px;
}

.link-note img{
margin:0px 0px 0px 5px;
}

#powered{
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
margin: 0px;
padding: 10px 0px 20px 10px;
}

/******* 終 了 *******/

