/* generated by csscreator.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-family: "ＭＳ ゴシック", "MS Gothic","Osaka","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Tahoma,Verdana,Arial, Helvetica, sans-serif; 
 font-size:12px;
} 


h2 {
	color:#ffffff;
	background-color:#339900;
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	display:block;
	padding-left:10px;
	margin-bottom: 5px;
	margin-top: 0px;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
}


h3 {
	color:#ffffff;
	background-color:#339900;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	display:block;
	padding-left:10px;
	height: 21px;
	margin-bottom: 20px;
	margin-top: 0px;
	vertical-align: middle;
	padding-top: 4px;
}

h4 {
	color:#333333;
	font-size:12px;
	font-weight: bold;
	background-image: url(../images/listmark.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 0px 1px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.line {
	color:#333333;
	font-size:12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339900;
        margin-left: 5px;
}

 
#pagewidth{ 
 width:940px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
} 

#pagewidth-m{ 
 width:940px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
}
 
#header{
	position:relative;
	height:143px;
	background-color:#FFFFFF;
	width:100%;
	padding-left: 42px;
} 
 
#leftcol{
	width:370px;
	float:left;
	position:relative;
	padding-top: 48px;
	padding-bottom: 0px;
	text-align: center;
	height: -510px;
	
 }
 
#twocols{
	width:570px;
	float:right;
	position:relative;
	padding-bottom: 20px;
  }
 
#rightcol{
 width:160px; 
 float:right; 
 position:relative; 
 background-color:#FFFFFF;
 }
 
#rightcol-contents{
 padding:0px 5px 10px 5px;
 } 
#rightcol-contents2{
 padding:10px 5px 0px 4px;
 } 
#rightcol-contents2 ul{
 padding:0px;
 margin:0px;
 }
#rightcol-contents2 li{
	color:#333333;
	list-style:none;
	margin:0px;
	padding-left:11px;
	margin-bottom: 3px;
	background-image: url(http://kunlun.jp/wp/wp-content/themes/default/images/circle-list-mark2.jpg);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}  
#rightcol-contents2 li a{
  color:#333333;
  text-decoration:none;
 }
#rightcol-contents2 li a:hover{
  color:#339900;
  text-decoration:none;
 }  
 
#maincol{background-color: #FFFFFF;  
 float: left; 
 display:inline; 
 position: relative; 
 width:401px; 
 }
 


/*  clearfix  */
.clearfix:after {/*for modern browser*/
 content: url(http://kunlun.jp/wp/wp-content/themes/default/images/spacer.gif);
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {display: inline-block;}
.clearfix {/*for IE 5.5-7*/
    zoom:100%;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */  


/*	------------ コトリストカラム  ------------	*/
.kotolist{
margin: 0 auto;
padding:0px;
}
.kotolist ul{
margin:0px;
padding:0px;
}
.kotolist li{
list-style:none;
}
.kotolist a{
color:#339900;
text-decoration:none;
}
.kotolist a:hover{
color:#2B8200;
text-decoration:none;
}
/*	------------ 右twitter  ------------	*/
#twitter_update_list{
margin:0px;
padding:0px;
}
#twitter_update_list li{
	list-style:none;
	padding-left: 5px;
}
#twitter_update_list a{
color:#339900;
text-decoration:none;
}
#twitter_update_list a:hover{
color:#2B8200;
text-decoration:none;
}
/*	------------ 右grnz  ------------	*/
#grnz{
	margin-right:auto;
	margin-left:auto;
	width: 150px;
	padding-top: 10px;
}
#grnz img{
display:none;
}
  /*------------------------------footer------------------------------------*/
  #footer{
	width:940px;
	 height:30px; 
  background-color:#ffffff; 
 clear:both;
	}
  .clearfix:after { content: ""; display: block; clear: both; }

  .footer_left {
	color:#339900;
	text-align:left;
	float: left;
	padding-left: 25px;
	width: 630px;

  }

   .footer_left a:link,.footer_left a:active,.footer_left a:visited{
     color:#339900;
     text-decoration:none;

  }

   .footer_left a:hover{
     color:#006600;
     text-decoration:none;

  } 

   .footer_right {
	font-size:11px;
	color:#339900;
	text-align:right;
	float: right;
	font-family: Tahoma, Verdana, Arial, sans-serif;
  }

   .footer_right a{
     color:#339900;
     text-decoration:none;
  }

   .footer_right a:hover{
     color:#006600;
     text-decoration:none;
  }

.footer_left ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

  /*------------------------------footer2------------------------------------*/
  #footer2{
	width:940px;
	height:40px; 
        background-color:#ffffff; 
        clear:both;
        padding-top: 10px;
	}
  .clearfix:after { content: ""; display: block; clear: both; }

  .footer_left {
	color:#339900;
	text-align:left;
	float: left;
	padding-left: 25px;
	width: 630px;

  }

   .footer_left a:link,.footer_left a:active,.footer_left a:visited{
     color:#339900;
     text-decoration:none;

  }

   .footer_left a:hover{
     color:#006600;
     text-decoration:none;
  } 

   .footer_left ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

    /*------------------------------totop------------------------------------*/  
  .to_top {
	display:block;
	font-size:12px;
	color:#339900;
	width:940px;
	margin-top:12px;
	padding-bottom:10px;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
}

.to_top a:link,.to_top a:visited,.to_top a:active {
color:#339900;
text-decoration:none;
}

.to_top a:hover{
color:#006600;
text-decoration:none;
} 

#line {
border-bottom: 1px solid #339900;
width:100%;
clear:both;
}

/*	------ 会社概要とサービス概要のpagetopがFirefoxで位置が狂うのを防ぐ ------	*/

.clear {
	clear: both;
}

/*	------------ utilities ------------	*/

#utilities {
	height: 56px;
	text-align: right;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6px;
}
#utilities img{
    border:none;
}
.twitter {
	float: left;
	font-size: 12px;
	line-height: 12px;
}
.twitter-status {
	background-image: url(http://kunlun.jp/wp/wp-content/themes/default/images/twitter-l.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: 12px;
	width: 8px;
}
.twitter-data {
	background-image: url(http://kunlun.jp/wp/wp-content/themes/default/images/twitter-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	min-width: 20em;
	height: 18px;
	overflow: hidden;
	color: #333333;
}
#twitter_div {
	behavior:url(http://kunlun.jp/wp/wp-content/themes/default/iefixed.htc);
	max-width: 600px;
	overflow: hidden;
	text-align: left;
}

#utilities .utilities-inner {
	float: right;
	margin-top: 8px;
	margin-right: 8px;
	position: static;
}
#twitter_div ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
ul#twitter_div li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.twitter-end {
	background-image: url(http://kunlun.jp/wp/wp-content/themes/default/images/twitter-r.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 8px;
}

.twitter td {
	height: 26px;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.icon {
	float: left;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 10px;
	background-image: url();
	background-repeat: no-repeat;
	margin: 0px;
	width: 16px;
	height: 16px;
}

.icon1 {
	float: left;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 5px;
	background-image: url();
	background-repeat: no-repeat;
	margin: 0px;
	height: 16px;
}

.icon2 {
	float: left;
	padding-right: 2px;
	padding-bottom: 6px;
	padding-left: 3px;
	background-image: url();
	background-repeat: no-repeat;
	margin: 0px;
	width: 16px;
	height: 16px;
}

.head-inner img {
	margin-top: 14px;
}

.ecotter{
	float:left;
	padding-right: 2px;
}
/*	------------ 右カラム トップインフォメーション ------------	*/

.top-info{
	width: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339900;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.top-info-date {
	color:#009999;
	text-decoration: none;
	font-size: 11px;
	font-weight:normal;
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin: 0px;
}
.top-info-title {
	color:#339900;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	display:block;
	padding-left: 5px;
	margin: 0px;
	padding-top: 5px;
}
.top-info-title a{
	color:#339900;
	text-decoration: none;
	font-weight: bold;
}
.top-info-title a:hover{
	color:#009900;
	text-decoration: none;
	font-weight: bold;
}
.top-info-contents {
	color:#333333;
	padding-left: 5px;
}
.top-info-contents a{
color:#339900;
text-decoration: none;
}
.top-info-contents a:hover{
color:#006600;
text-decoration: none;
}



/*	------------ 右カラム カテゴリーアーカイブ用 ------------	*/


.cat-content{
	width: 400px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
.cat-content-date {
	color:#009999;
	text-decoration: none;
	font-size: 11px;
	font-weight:normal;
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #339900;
}
.cat-content-title {
	color:#339900;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	display:block;
	padding-left: 5px;
	margin: 0px;
	padding-top: 5px;
}
.cat-content-title a{
	color:#339900;
	text-decoration: none;
	font-weight: bold;
}
.cat-content-title a:hover{
	color:#009900;
	text-decoration: none;
	font-weight: bold;
}
.cat-content-contents {
	color:#333333;
	padding-left: 5px;
}
.cat-content-contents a{
color:#339900;
text-decoration: none;
}
.cat-content-contents a:hover{
color:#006600;
text-decoration: none;
}





/*外部リンクバナー*/
#group-links-wrap{
	padding:0px;
	width: 401px;
}
#gruop-links{
	float:left;
	width: 133px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-right: 1px;
}
#gruop-links-r{
float:left;
padding:30px 0px 0px 0px;
}
#leftcol-banner-wrap{
width:370px;
}
#leftcol-banner-l{
width:184px;
float:left;
padding:30px 1px 0px 0px;
text-align:right;
}
#leftcol-banner-r{
float:left;
padding:30px 0px 0px 0px;
text-align:left;
}
/*タブアコーディオン*/
/* タブ全体 */
#wrapper {
	width: 402px;
	padding: 0px;
	min-height:600px;
	margin-top: 20px;
	margin-bottom: 0px;
	clear: both;
}
/* リスト表示部分 */
.boxholder{
    clear: both;
}
/* タブ */
.tab{


}
#tabcontent h2 {
	color:#ffffff;
	background-color:#339900;
	text-decoration: none;
	font-size: 13px;
	font-weight:bold;
	display:block;
	padding-left:10px;
	margin-top: 0px;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
}
#tab01 ,
#tab02 {
	float: left;
	text-align: center;
	width: 133px;
	_width: 133px;
	color: #FFFFFF;
	background-color: #339900;
	margin: 0 1px 10px 0;
}
#tab03 {
	float: left;
	text-align: center;
	width: 133px;
	_width: 133px;
	color: #FFFFFF;
	background-color: #339900;
	margin: 0 0 10px 0;
}

/* タブに表示するタイトル */
.tabtxt{
    font-size: 12px;
    font-weight:bold;
}
/* リストのタイトル */


/* リストの内容 */
#wrapper .box ul {
    font-size: 12px;
}
#wrapper .box .recent {
	color:#009999;
	background-color:#FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight:normal;
	display:block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #339900;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#wrapper .box .recenttitle {
	color:#339900;
	text-decoration: none;
	font-size: 14px;
	font-weight:bold;
	display:block;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin: 0px;
}
#wrapper .box .recenttitle a{
color:#339900;
font-weight:bold;
text-decoration: none;
}
#wrapper .box .recenttitle a:hover{
color:#006600;
text-decoration: none;
}
#wrapper .box .currentcontent p{
color:#333333;
margin:5px 0 5px 0;
text-decoration: none;
font-size: 12px;
font-weight:nomal;
display:block;
padding:0px 0px 0px 0px;
}

#wrapper .box .currentcontent p a{
color:#333333;
text-decoration: none;
}

#wrapper .box .currentcontent p a:hover{
color:#339900;
text-decoration: none;
}

#wrapper .box .totop a{
color:#333333;
margin:5px 0 5px 0;
text-decoration: none;
font-size: 12px;
font-weight:nomal;
display:block;
padding:0px 0px 0px 0px;
}
#wrapper .box .totop a:hover{
color:#339900;
text-decoration: none;
}
/* タブのリンク */
.tab a,
.tab a:link,
.tab a:visited {
    color: #ffffff;
    text-decoration: none;
	font-weight:bold;
}
.tab a:hover {
    color: #CCFF00;
    text-decoration: none;
	font-weight:bold;
}
/* リストの内容（p要素を用いた場合） */
#wrapper p {
    margin: 0;
    padding: 5px 0;
    font-size: 75%;
    line-height: 1.5;
    /*text-align: justify;*/
}
/* リストマーク表示 */
.box ul {
margin:0px;
display:block;
padding:0px;
}
html > body .box ul {
margin:0px;
display:block;
padding:0px;
}
.box li {
color:#333333;
background-color:#ffffff;
margin:5px 0 10px 0;
text-decoration: none;
font-size: 12px;
font-weight:bold;
display:block;
padding:3px 0px 0px 5px;
list-style:none;
}
.box li a{
color:#339900;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}
.box li a:hover{
color:#006600;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}

/*.box ul li {
color:#333333;
background-color:#ffffff;
margin:5px 0 10px 0;
text-decoration: none;
font-size: 12px;
font-weight:bold;
display:block;
padding:3px 0px 0px 5px;
list-style:none;
}
.box ul li a{
color:#333333;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}
.box ul .children{
color:#FF0000;
}
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/*	------------ 会社概要とサービス概要の右カラム用 ------------	*/

.main_right {
width:570px;
float:right;
color:#339900;
position:relative;
padding-bottom: 20px;
}

.main_right p {
	font-size:12px;
	color:#333333;
	line-height:1.4em;
	text-align:left;
	clear: both;
}

.company {
width: 570px;
padding: 0px 0px 0 0px;
}

.company-contents {
	margin-top: 5px;
        margin-bottom:10px;
	color:#333333;
	padding-left: 10px;
}
.company-contents a{
        color:#339900;
	font-weight:bold;
        text-decoration: none;
}
.company-contents a:hover{
        color:#006600;
        text-decoration: none;
}

/*  トピックス折り畳み用　ここから  */
.target {
	display:none;
	margin: 0px;
	padding: 0px;
}
.show {
	padding: 0px;
	margin: 0px;
}
/*  トピックス折り畳み用　ここまで  */
.pr {
	clear: both;
}
.pr span {
	font-size: 10px;
	padding-right: 1em;
}
li.f-nav {
	background-image: url(../images/arw.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	float: left;
	padding-right: 20px;
}
.division {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	text-align: right;
	text-decoration: none;
}
.division a {
	color: #339900;
	text-decoration: none;
}
.division a:hover {
	color: #006600;
	text-decoration: none;
}
h5 {
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.social {
	width: 175px;
	position: relative;
	right: 0px;
	float: left;
}