@charset "utf-8";

/*全タグに反映されます*/
* {
	padding:0px;
	margin:0px;
}
img {
	border:0;
}

/*共通クラス*/
.clear{
	clear:both;
	height: 0px;
	float: none;
}
.bold {
	font-weight: bold;
}
.left {
	float: left;
}

.position_r{
	text-align:right;
	}
/*---------------------------------------/本文はじまり/------*/

body {
	font-family: tahoma, " ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 21px;
	color: #5B5B5B;
	letter-spacing: 0.07em;
}
a {
	color: #009B40;
}


/*--------------------------------------/H1部分/----------*/
#top {
	background-color: #00a040;
	height: 35px;
}
#topInner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#top h1 {
	font-size: 85%;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	padding-top: 7px;
	font-weight: normal;
}
#top h1 span {
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #C00;
	color: #C00;
}

/*--------------------------------------/H1部分/----------*/


#main {
	width: 750px;
	height: 100%;
	margin: 0 auto;
	position: relative;
	
}

#main_margin {
	padding: 125px 0px 150px 0px;
	/*position: relative;*/
}

#main img {
	float: left;
	margin-right: 15px;
}

.ip {
	background-image: url(../images/clisk_top3_06.gif);
	background-repeat: no-repeat;
	height: 29px;
	width: 260px;
	float: left;
	margin-right: 15px;
	margin-top: 13px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 160%;
	margin-left: 15px;
	font-weight: bold;
	color: #999999;
	padding-top: 12px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
}

/*検索ボタン*/
.search_bt {
	margin-top: 17px;
}


/*--------------------------------------/下menu部分/----------*/
#menu {
	padding-top: 150px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	color: #999;
}
.menuInner1 {
	width: 176px;
	float: left;
	margin: 0 10px 0 0;
}

.menuInner2 {
	width: 166px;
	float: left;
	margin: 0 10px;
}

.menuInner3 {
	width: 166px;
	float: left;
	margin: 0 10px;
}

.menuInner4 {
	width: 176px;
	float: left;
	margin: 0 0 0 10px;
}

.menuInner {
	margin: 0 auto;
	padding: 0;
}

ul.menuInner li {
	list-style: none;
	font-size: 85%;
}

.fot_abt_clisk {
	background-image: url(../images/clisk_top3_11.gif);
	background-repeat: no-repeat;
	width: 148px;
	height: 0;
	padding-top: 32px;
	overflow: hidden;
}
	



/*
.menuInner p {
	font-size: 85%;
	padding-top: 15px;
}


.menuInner ul{
	list-style: none;
	}

.menuInner li{
	font-size: 85%;
	}
	
*/
	
.sp_un5{
	padding:0 0 5px 0;
	}
/*--------------------------------------/footer部分/----------*/

#footer {
	background-color: #00A040;
	height: 100px;
	color: #FFFFFF;
	font-size: 11px;
}

#footer p.wp_footer {
	padding:10px;
	font-size: 10px;
}

#footer p.wp_footer a {
	color: #FFFFFF;
}
#footer p.wp_footer a:hover {
	color: #FFFF00;
}

#footerInner {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#footer .bottom {
	background-image: url(../images/clisk_top3_24.gif);
	background-repeat: repeat-x;
	display: block;
	height: 26px;
	width: 300px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 5px;
}
#footer .bottom a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .bottom a:hover {
	text-decoration: underline;
}
#footer img.left {
	float: left;
}
#footerInner .bottom p {
	text-align: center;
}
address {
	font-size: 85%;
	font-style: normal;
	color: #FFFFFF;
	float: right;
	padding-top: 5px;
}




#footer_top {
	font-size: 11px;
	background-color: #00A040;
	position: absolute;
	height: 100px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

#footer_top p.wp_footer {
	padding:10px;
	font-size: 10px;
}

#footer_top p.wp_footer a {
	color: #FFFFFF;
}

#footer_top p.wp_footer a:hover {
	color: #FFFF00;
}

#footer_top .bottom {
	background-image: url(../images/clisk_top3_24.gif);
	background-repeat: repeat-x;
	display: block;
	height: 26px;
	width: 300px;
	float: left;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 5px;
}

#footer_top .bottom a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer_top .bottom a:hover {
	text-decoration: underline;
}

#footer_top img.left {
	float: left;
}


/* CLEAR FIX*/
.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 */





/*---------------------------------------------------------------------/2階層目_start/----------*/
/*--------------------------------------/return部分/----------*/

.returnTop {
	background-image: url(../images/clisk_2kaiso3_02.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 111px;
	text-align: center;
	padding-top: 2px;
	font-size: 80%;
	float: left;
}
.returnTop a {
	color: #FFFFFF;
	text-decoration: none;
}
.returnTop a:hover {
	text-decoration: underline;
}


/*-------------------------------------------/ヘッダー/----------*/
#header {
	height: 90px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #848484;
	padding-top: 20px;
	position: relative;
}
#headerInner {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}

/*ロゴ*/
#logo {
	position: relative;
	z-index: 5;
	float: left;
}

/*検索窓*/
.search_top {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
}

/*パンくず*/
#pankuz {
	float: left;
	font-size: 80%;
	padding-top: 5px;
	padding-left: 15px;
	width: 500px;
}
#languageBx{
	float:right;
	width: 115px;
	padding-top: 62px;
	padding-right: 3px;
}
#languageBx02{
	float:left;
	width: 115px;
	padding-left: 250px;
	padding-bottom: 5px;
}
#language{
	background-position: 0 0;
}
#language ul{
	height: 22px;
	list-style: none;
}
#language li{
	float:left;
}
.japan{
	background:url(../images/b_japan.gif) no-repeat;
	width: 62px;
	height: 0px;
	padding-top: 22px;
	overflow:hidden;
	display:block;
}
.eng{
	background:url(../images/b_eng.gif) no-repeat;
	width: 51px;
	height: 0px;
	padding-top: 22px;
	display:block;
	overflow:hidden;
}
#language a:hover, a.hit {
	background-position: 0px -22px;
}
/*グローバルメニュー*/
.gmenuWrap {
	height: 39px;
}


.gmenu {
	width: 698px;
	margin-left: 222px;
}



/*
.gmenu {
	float: left;
	position: absolute;
}
*/

.gmenu img {
	padding: 3px;
	float: left;
}
.gmenu01 {
	background-image: url(../images/g_menu_abt.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 137px;
	display: block;
	float: left;
	margin-top: 3px;
}
.gmenu02 {
	background-image: url(../images/g_menu_web_con.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 157px;
	display: block;
	float: left;
	margin-top: 3px;
}
.gmenu03 {
	background-image: url(../images/g_menu_media.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 141px;
	display: block;
	float: left;
	margin-top: 3px;
}
.gmenu04 {
	background-image: url(../images/g_menu_seo.gif);
	background-repeat: no-repeat;
	height: 51px;
	width: 142px;
	display: block;
	float: left;
	margin-top: 3px;
}
.gmenu01:hover, .gmenu02:hover, .gmenu03:hover, .gmenu04:hover, .gmenu a.hit {
	background-position: bottom;
}



/*-----------------------------------------/メインコンテンツ/---------*/
#mainWrap {
	background-image: url(../images/bg.gif);
}
.mainInner {
	width: 920px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-left-style: dotted;
	border-right-color: #848484;
	border-left-color: #848484;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

/*サブタイトルH2*/
.sub_title {
	height: 39px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-left-style: dotted;
	border-top-color: #848484;
	border-bottom-color: #848484;
	border-left-color: #848484;
	position: relative;
	width: 920px;
	min-width: 960px;
	left: -41px;
}
.sub_txt {
	font-size: 130%;
	font-weight: bold;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
.sub_title img {
	float: left;
}

/*メインコンテンツ*/
.main_contents {
	padding: 8px 17px 10px 17px; 
	width: 886px;
}

.main_contents p {
	padding: 10px;
}
.main_contents h3 {
	border: 1px solid #dfdfdf;
	padding: 6px;
	font-size: 110%;
}

/*CLISK画像*/
.top_img01 {
	background-image: url(../images/clisk_img02.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 853px;
	padding-top: 3px;
	padding-left: 33px;
	color: #505050;
}
/*SEO画像*/
.top_img02 {
	background-image: url(../images/seo_img02.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 853px;
	padding-top: 3px;
	padding-left: 33px;
	color: #505050;
}
/*ユーザビリティ画像*/
.top_img03 {
	background-image: url(../images/use_img02.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 853px;
	padding-top: 3px;
	padding-left: 33px;
	color: #505050;
}
/*メディア事業*/
.top_img04 {
	background-image: url(../images/media_img02.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 853px;
	padding-top: 3px;
	padding-left: 33px;
	color: #505050;
}


.left_contents {
	float: left;
	padding-left: 6px;
	width: 430px;
	margin-top: 15px;
}
.right_contents {
	float: left;
	padding-left: 18px;
	padding-right: 2px;
	width: 430px;
	margin-top: 15px;
}

.cf {
	overflow: hidden;
}

.right_contents img, .left_contents img {
	margin-right: 15px;
}


/*h3*/
h3.clisk01 {
	background-image: url(../images/clisk_sub_01.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
}
h3.clisk02 {
	background-image: url(../images/clisk_sub_02.gif);
	background-repeat: no-repeat;
	padding-left: 45px;
	background-position: 3px -1px;
}
h3.clisk03 {
	background-image: url(../images/clisk_sub_03.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
}
h3.clisk04 {
	background-image: url(../images/clisk_sub_04.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
}
h3.clisk05 {
	background-image: url(../images/clisk_sub_05.gif);
	background-repeat: no-repeat;
	padding-left: 37px;
}
/*SEOページ*/
h3.seo01 {
	background-image: url(../images/seo_sub_01.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
h3.seo02 {
	background-image: url(../images/seo_sub_02.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
h3.seo03 {
	background-image: url(../images/seo_sub_03.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
/*ユーザービリティページ*/
h3.use01 {
	background-image: url(../images/use_sub_01.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
h3.use02 {
	background-image: url(../images/use_sub_02.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
}
/*メディア事業ページ*/
h3.media01 {
	background-image: url(../images/media_sub_01.gif);
	background-repeat: no-repeat;
	padding-left: 55px;
}
h3.media02 {
	background-image: url(../images/media_sub_02.gif);
	background-repeat: no-repeat;
	padding-left: 45px;
}

/*３階層目へのリンク*/
.sub_link {
	background-image: url(../images/mark.gif);
	background-repeat: no-repeat;
	float: right;
	background-position: 0 18px;
	font-size: 85%;
}
.sub_link a:hover {
	color:#FFFFFF;
	background-color:#009D3C;
	padding: 3px;
}

/*-------------------------------/フッダー/--------*/
#footerContent {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	color: #999;
	padding-top: 20px;
}
.footerContentOuter {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #848484;
	margin: 0 0 20px 0;
}

/*ページトップへ*/
.pagetop {
	text-align: right;
	padding-top: 40px;
	padding-bottom: 10px;
	font-size: 80%;
	clear: both;
}
.pagetop a {
	color:#878787;
}

.pagetop a:hover {
	background-color:#E7E7E7;
	padding:3px;
}

/*-------------------------------/3階層目/--------*/

.main_contents_03 {
	padding-left: 9px;
	padding-top: 12px;
}
.main_contents_03 img {
	margin-left: 10px;
	margin-right: 10px;
}
.main_contents_03 img.title {
	margin: 0px;
}
.main_contents_03_inner {
	padding: 10px;
}
.main_contents_03_inner iframe {
	border: 1px solid #dfdfe1;
	margin: 10px;
}

/*画像の周りボーダー*/
.border_img {
	border: 4px solid #dddddd;
}


/*CLISK_サブページH3*/
.main_contents_03 h3, #content h3 {
	background-color: #ebebe8;
	color: #505050;
}
h3.clisk01_sub2 {
	background-image: url(../images/clisk_sub2_01.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
h3.clisk02_sub2 {
	background-image: url(../images/clisk_sub2_02.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
}
h3.clisk03_sub2 {
	background-image: url(../images/clisk_sub2_03.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
h3.clisk04_sub2 {
	background-image: url(../images/clisk_sub2_04.gif);
	background-repeat: no-repeat;
	padding-left: 45px;
}
h3.clisk05_sub2 {
	background-image: url(../images/clisk_sub2_05.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
h3.clisk06_sub2 {
	background-image: url(../images/clisk_sub2_06.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
h3.news {
	background-image: url(../images/clisk_news_w.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}
/*SEO_3階層目*/
h3.seo01_sub2 {
	background-image: url(../images/seo_sub2_01.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 9px;
	height: 24px;
}
h3.seo02_sub2 {
	background-image: url(../images/seo_sub2_02.gif);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 9px;
	height: 24px;
	background-position: 0px 4px;
}
h3.seo03_sub2 {
	background-image: url(../images/seo_sub2_03.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
}

/*ユーザビリティ_3階層目*/
h3.user01_sub2 {
	background-image: url(../images/user_sub2_01.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-top: 9px;
	height: 24px;
}
h3.user02_sub2 {
	background-image: url(../images/user_sub2_02.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	padding-top: 9px;
	height: 24px;
	background-position: 0px 4px;
}

/*メディア_3階層目*/
h3.media01_sub2 {
	background-image: url(../images/media_sub2_01.gif);
	background-repeat: no-repeat;
	padding-left: 60px;
	padding-top: 9px;
	height: 24px;
}
h3.media02_sub2 {
	background-image: url(../images/media_sub2_02.gif);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 9px;
	height: 24px;
	background-position: 0px 4px;
}

/*文字色*/
.blue {
	font-weight: bold;
	color: #0062b2;
	font-size: 120%;
}
.green {
	font-weight: bold;
	color: #009b40;
	font-size: 120%;
}
.red {
	font-weight: bold;
	color: #d6000f;
	font-size: 120%;
}
.small {
	font-size: 70%;
}

/*下のサブメニュー*/
.sub_menu {
	background-color: #ebebe8;
	border: 1px solid #dfdfdf;
	padding-left: 5px;
	margin-top: 10px;
	color: #505050;
	height: 34px;
}
.sub_menu a {
	color: #505050;
}
.sub_menu li {
	float: left;
	margin-right: 15px;
	list-style-type: none;
}
.sub_menu li.clisk_sub2_news {
	background-image: url(../images/clisk_news.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 40px;
}

.sub_menu li.clisk_sub2_01 {
	background-image: url(../images/clisk_sub2_01.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 40px;
}
.sub_menu li.clisk_sub2_02 {
	background-image: url(../images/clisk_sub2_02.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 50px;
}
.sub_menu li.clisk_sub2_03 {
	background-image: url(../images/clisk_sub2_03.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 40px;
}
.sub_menu li.clisk_sub2_04 {
	background-image: url(../images/clisk_sub2_04.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 35px;
}
.sub_menu li.clisk_sub2_05 {
	background-image: url(../images/clisk_sub2_05.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 40px;
}
.sub_menu li.clisk_sub2_06 {
	background-image: url(../images/clisk_sub2_06.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 40px;
}
.sub_menu li.seo_sub2_01 {
	background-image: url(../images/seo_sub2_01.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 40px;
}
.sub_menu li.seo_sub2_02 {
	background-image: url(../images/seo_sub2_02.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 45px;
}
.sub_menu li.seo_sub2_03 {
	background-image: url(../images/seo_sub2_03.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 45px;
}
.sub_menu li.user_sub2_01 {
	background-image: url(../images/user_sub2_01.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 50px;
}
.sub_menu li.user_sub2_02 {
	background-image:  url(../images/media_sub2_02.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 50px;
}
.sub_menu li.user_sub2_03 {
	background-image: url(../images/seo_sub2_03.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 50px;
}
.sub_menu li.user_sub2_04 {
	background-image:  url(../images/user_sub2_02.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 50px;
}
.sub_menu li.media_sub2_01 {
	background-image: url(../images/media_sub2_01.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 60px;
	background-position: 0px;
}
.sub_menu li.media_sub2_02 {
	background-image: url(../images/media_sub2_02.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding-top: 8px;
	padding-left: 45px;
}


/*サービス理念*/
ul.service_philosophy {
	padding-left: 17px;
	padding-top: 5px;
}
.service_philosophy li {
	background-image: url(../images/clisk_sub2_02img02.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-bottom: 10px;
	padding-left: 33px;
	padding-top: 5px;
}
.sub_service_title {
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #9d9d9d;
	border-left-color: #009d3c;
	padding-top: 5px;
	padding-bottom: 7px;
	font-size: 80%;
}
.sub_service_mark {
	background-image: url(../images/clisk_sub2_02img03.gif);
	background-repeat: no-repeat;
	padding-left: 165px;
	padding-top: 3px;
}
.o_a {
	background-image: url(../images/clisk_sub2_02img04.gif);
	background-repeat: no-repeat;
	padding-left: 100px;
	font-size: 80%;
	line-height: 130%;
	height: 45px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 20px;
	padding-top: 5px;
}
.service_inner {
	float: left;
	width: 416px;
}
.service_inner_sub {
	margin-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #0062B2;
}
.service_inner_sub02 {
	margin-left: 25px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #009d3c;
}
.service_inner_sub img, .service_inner_sub02 img {
	margin: 0px;
}
.service_inner_sub p, .service_inner_sub02 p {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 43px;
	font-size: 80%;
}
.blue_wrap {
	background-color: #DDF0FF;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #0062B2;
	margin-top: 10px;
}

/*エリア＋ サイトへリンク*/
.area_bt {
	background-image: url(../images/seo_sub2_02img06.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 392px;
	padding-left: 45px;
	padding-top: 10px;
	margin-left: 200px;
	margin-bottom: 50px;
	margin-top: 20px;
	font-weight: bold;
}
.biscuit_bt {
	background-image: url(../images/seo_bis_bt.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 251px;
	padding-left: 45px;
	padding-top: 10px;
	margin-left: 300px;
	margin-bottom: 50px;
	margin-top: 20px;
	font-weight: bold;
}
.area_bt a, .biscuit_bt a {
	color: #6A6969;
	text-decoration: none;
}
.area_bt a:hover, .biscuit_bt a:hover {
	color: #6A6969;
	text-decoration: underline;
}
.area_p {
	width: 524px;
	padding-top: 5px;
	padding-left: 22px;
}

/*プライバシーポリシー*/
.policy {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
}
.policy li {
	padding-bottom: 15px;
	list-style-type: decimal;
}


/*-------------------/問合わせ/-----------*/
.border_tb_wrap {
	border: 3px solid #e7e7e7;
	width: 580px;
}
.border_tb {
	border: 1px solid #c9c9c9;
	width: 580px;
}
.must {
	font-size: 10px;
	color: #D6000F;
	line-height: 14px;
}
.main_contents_03_inner select {
	padding: 2px;
	border: 3px solid #c9c9c9;
}
.contact_input {
	padding: 7px;
	width: 400px;
	background-color: #EBEBE8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
	font-size: 12px;
}
.contact_txt {
	padding: 7px;
	height: 200px;
	width: 530px;
	background-color: #EBEBE8;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #666666;
	font-size: 12px;
}
.border_td {
	height: 1px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #c9c9c9;
}
.media_txt {
	width: 280px;
	padding-left: 15px;
}





/* jqModal base Styling courtesy of;
	Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
	the Window's z-index value will be set to 3000 by default (via jqModal.js). */
	
.jqmWindow {
	display: none;
	position: absolute;
}

.jqmWindow.top {
	top: 13px;
	left: 262px;
}

.jqmWindow.2kaiso {
	top: -200px;
	left: 250px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#box {
	z-index:1000;
	background-color: #FFFFFF;
	border: 3px solid #c5c5c5;
	width: 280px;
	left: 247px;
	position: absolute;
	top: 196px;
}
#box2 {
	z-index:1000;
	background-color: #FFFFFF;
	border: 3px solid #c5c5c5;
	width: 280px;
	right: 890px;
	position: absolute;
	top: 70px;
}
.box_inner {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #c5c5c5;
	padding: 10px;
}
#main .box_inner img {
	float: none;
}
p.top_box {
	padding-left: 45px;
}
.top_close {
	float: right;
	font-size: 11px;
	padding: 5px;
}
.not {
	clear: both;
	float: none;
	padding-top: 50px;
}

#list3 div.title {
	z-index: 100;
	background-image: url(../images/clisk_top_search.gif);
	background-repeat: no-repeat;
	height: 46px;
	width: 410px;
	display: block;
	float: left;
	cursor: text;
}

#list3 div.selected {
	background-position:bottom;
	cursor: pointer;
}



/*------------------------------------------- BLOG (WordPress) -------*/
#content {
	padding-left: 9px;
	padding-top: 12px;
	margin-right: 20px;
	width: 625px;
	float:left;
}

.date {
	float: right;
	padding: 5px 5px 0 0;
}

.main_contents p.postmetadata {
	padding-bottom: 30px;
	font-size: 10px;
}


/*---------------------------------------------右メニュー-----*/
#sidebar {
	float: right;
	width: 215px;
	padding-top: 10px;
	color: #5B5B5B;
}

#sidebar li {
	list-style:none;
}

/*検索*/
#s {
	padding: 4px;
}
#searchsubmit {
	border: #a2a2a2 solid 2px;
	padding: 2px;
	font-size: 12px;
	background-color: #F0F0F0;
	margin-left: 5px;
	cursor: pointer;
	color: #5B5B5B;
}
#searchsubmit:hover {
	border: #a2a2a2 solid 2px;
	color: #FFFFFF;
	padding: 2px;
	font-size: 12px;
	background-color: #666666;
	margin-left: 5px;
	cursor: pointer;
}
h2.widgettitle {
	font-size: 13px;
	padding: 2px 0;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00a040;
	margin: 20px 0 5px 0;
}

li.cat-item {
	padding: 5px;
}
/*--------------------------------------/usability/----------*/
#usability {
	padding-bottom: 50px !important;
	padding-bottom: 150px;
	padding-top: 20px;
	overflow: hidden;
	line-height: 28px;
}
#usabilityL a {
	color: #009B40;
	text-decoration: underline;
}
#usabilityL a:hover {
	color:#FFFFFF;
	background-color:#009D3C;
	padding:3px;
}
.usabilityL01 {
	float: left;
	list-style: none;
	width: 370px;
	margin-left: 50px;
}
.usabilityL01 ol span {
	color: #009B40;
	padding-left: 37px;
}
.usabilityL02 {
	float: left;
	list-style: none;
	width: 320px;
	margin-left: 20px;
}
.usabilityImg {

}
#usability div ul {
	padding-left: 20px;
	list-style-type: none;
}
#usability div {
	/* [disabled]width: 400px; */
	float: left;
}
#usability div ol {
	padding-left: 50px;
	list-style-type: none;
}
.usabilityL01 ul {
	list-style-type: none;
	line-height: 250%;
	padding-left: 80px;
}
.usabilityL01 li {
	padding-left: 22px;
}
.usabilityL01 ul span {
	padding-left: 22px;
}
.usabilityR1 {
	float: left;
	width: 400px;
}
.usabilityR2 {
	float: left;
	width: 430px;
	padding-top: 35px;
	padding-left: 30px;
	margin-left: 10px;
}
.Con01 {
	display: block;
	padding-left: 45px;
	padding-top: 10px;
}
.usability-tb {
	padding: 20px;
	background-color: #ebebe8;
}
.usability-cookie {
	text-align: right;
	font-size: 10px;
	padding-right: 20px;
	padding-top: 30px;
	padding-left: 20px;
}
.usability-cookie2 {
	font-size: 10px;
	text-align: right;
	margin-bottom: 10px;
}
.usability-cookie span {
	float: left;
}
/*------------usability_box---------------*/
#usability_box {
	margin: 0px 0px 0px 65px !important;
	margin: 0px 0px 0px 45px;
}
.usability_box {
	width: 322px;
	float: left;
	border: 1px solid #ccc;
	margin: 25px 0px 10px 40px !important;
	margin: 25px 0px 10px 70px;
	text-align: center;
	height: 255px;
}
.usability_box a img {
	padding: 15px 10px 10px 10px;

}
.usability_box span {
	background-image:url(../images/usability/title-bg.gif);
	display: block;
	color: #FFF;
	height: 23px;
	padding: 6px 0 5px 0;
	font-weight: bold;
	font-size: 14px;
}
/*-------------eye tracking----------------*/
.eye-trackL {
	float: left;
	padding-left: 10px;
	position: relative;
}
.eye-trackR {
	float: left;
	line-height: 200%;
	color: #FFF;
	margin-left: 17px;
	width: 470px;
}
.eye-trackR-blank {
	float: left;
	line-height: 200%;
	color: #505050;
	margin-left: 17px;
	width: 850px;
	text-align: center;
}
.eye-trackR span {
	width: 440px;
	padding: 5px 15px;
	color: #FFF;
	height: 23px;
	display: block;
	background-image: url(../images/usability/title-bg2.gif);
}
.eye-trackR p {
	color: #30AE64;
}
.eye-trackR .eye-trackR-green {
	color: #30AE64;
}
.eye-trackR ul {
	list-style: none;
	margin-left: 20px;
}
.eye-trackR li {
	color: #5B5B5B;
}
.eye-trackR-box {
	color: #5B5B5B;
	background-color: #ebebe8;
	padding: 20px;
	margin-top: 20px;
	letter-spacing: 0.5px;
	text-align: center;
}
/*-------------absolube eye tracking--------------*/
.eye-track-small01 {
	position:absolute;
	width:188px;
	z-index:1;
	left: 348px;
	top: 240px;
}
.eye-track-small02 {
	position:absolute;
	width:188px;
	z-index:1;
	left: 333px;
	top: 223px;
}
.eye-track-small03 {
	position:absolute;
	width:188px;
	z-index:1;
	left: 341px;
	top: 191px;
}
.eye-track-small04 {
	position:absolute;
	width:188px;
	z-index:1;
	left: 349px;
	top: 261px;
}
/*-------------eye tracking test--------------*/
.eye-test {
	width: 900px;
}
.eye-test span {
	background:url(../images/usability/title-eye-tracking-test.gif) no-repeat 0px 0px;
	height: 31px;
	float: right;
	clear: right;
	padding: 20px 0px 20px 0px !important;
	padding: 20px 0px 20px 0px;
	margin-right: 29px !important;
	margin-right: 15px;
	width: 431px;
	text-align: center;
}
.eye-test ul li img {
	margin: 0px;
	padding: 0px;
}
.eye-test li {
	float: left;
	list-style: none;
	padding: 3px;
}
.eye-test .eye-test-arrow img {
	padding-top: 100px;
}
/*-------------eye tracking flow test--------------*/
.eye-flow-test1 {
	margin-left: 25px;
	list-style: none;
}
.eye-flow-test2 {
	list-style: none;
	background-color:#f8f8f7;
	height: auto !important;
	height: 370px;
	overflow: hidden;
	border: 1px solid #d6d6d6;
	margin-top: 20px;
	padding: 15px 0px 15px 40px;
}
.eye-flow-test2 ul li img {
	margin: 0px;
	padding: 0px;
}
.eye-flow-test2 li {
	float: left;
	list-style: none;
	padding: 3px;
	font-size: 10px;
}
.eye-flow-test2 ul li p {
	color: #30AE64;
}
.eye-flow-test2 img {
	padding-top: 100px;
}
.eye-flow-test2 ul .eye-test-arrow img {
	padding-top: 95px;
}
.eye-flow-test2 ul li span {
	font-weight: bold;
	display: block;
	height: 30px;
	padding: 15px 0px 0px 50px;
	width: 120px;
	font-size: 12px;
}
.eye-flow-test2-1 {
	background: url(../images/usability/eye-flow1.gif) no-repeat;
}
.eye-flow-test2-2 {
	background: url(../images/usability/eye-flow2.gif) no-repeat;
}
.eye-flow-test2-3 {
	background: url(../images/usability/eye-flow3.gif) no-repeat;
}
/*--------------------eye-tracking-tb------------------------*/
.eye-tracking-tb {
	width: 835px;
	height: 455px;
	background: url(../images/usability/eye-tracking-tb1.gif) no-repeat;
	line-height: 18px;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-top: 10px;
}
.eye-tracking-tb .eye-tracking-colh1 {
	width: 68px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	padding: 15px 0px 0px 12px;
	float: left;
	display: block;
	text-align: center;
	height: 25px;
}
.eye-tracking-tb .eye-tracking-colh2 {
	width: 135px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	padding: 15px 0px 0px 12px;
	float: left;
	display: block;
	text-align: center;
	height: 25px;
}
.eye-tracking-tb .eye-tracking-colh3 {
	width: 390px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	padding: 15px 0px 0px 12px;
	float: left;
	display: block;
	text-align: center;
	height: 25px;
}
.eye-tracking-tb .eye-tracking-colh4 {
	width: 190px;
	color: #FFF;
	font-size: 12px;
	padding: 15px 0px 0px 12px;
	float: left;
	display: block;
	text-align: center;
	font-weight: bold;
	height: 25px;
}
.eye-tracking-tb .eye-tracking-colh5 {
	width: 58px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	padding: 135px 0px 0px 17px;
	float: left;
	display: block;
	text-align: center;
	height: 155px;
}
.eye-tracking-tb .eye-tracking-colh6 {
	width: 65px;
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	padding: 35px 0px 0px 12px;
	float: left;
	display: block;
	text-align: center;
	height: 85px;
}
.eye-tracking-col-r1 {
	width: 130px;
	color: #1B8E4B;
	padding: 17px 10px 10px 10px;
	float: left;
	display: block;
	text-align: left;
	height: 88px;
}
.eye-tracking-col-r2 {
	width: 380px;
	color: #1B8E4B;
	padding: 17px 10px 10px 10px;
	float: left;
	display: block;
	text-align: left;
	height: 88px;
}
.eye-tracking-col-r3 {
	width: 185px;
	color: #1B8E4B;
	font-size: 12px;
	padding: 17px 10px 10px 10px;
	float: left;
	display: block;
	text-align: left;
	height: 88px;
}
.eye-tracking-col-r {
	width: 735px;
	color: #5B5B5B;
	padding: 25px 10px 10px 10px;
	float: left;
	display: block;
	text-align: left;
	height: 30px;
}
.eye-tracking-col ul {
	float: left;
}
.eye-tracking-col li {
	list-style: none;
	margin-left: 35px;
}
.eye-tracking-colred {
	color: #F00;
}
/*----------Usability testing plan------------*/

.usability-plan ul {

}
.usability-plan li {
	list-style-type: none;
	display: block;
	margin-left: 220px;
	width: 232px;
	height: 90px;
}
.usability-plan01, .usability-plan02, .usability-plan03, .usability-plan04 {
	padding: 35px 20px 20px 150px;
}
.usability-plan01 {
	background: url(../images/usability/user.gif) no-repeat;
}
.usability-plan02 {
	background: url(../images/usability/web-compare.gif) no-repeat;
}
.usability-plan03 {
	background: url(../images/usability/eye.gif) no-repeat;
}
.usability-plan04 {
	background: url(../images/usability/check.gif) no-repeat;
}
.usability-plan p {
	width: 401px;
	margin-left: 220px !important;
	margin-left: 20px;
	text-align: center !important;
	text-align: left;
	margin-top:0px !important;
	margin-top:30px;
}

/* 間違いワードtable */
.error_p {
	font-size: 100%;
	font-weight: bold;
	color: #666;
}

.td_width {
	width: 12.5%;
	text-align: center;
}

.error_div1 {
	width: 74%;
	float: left;
}

.error_div2 {
	width: 24%;
	float: right;
	border: 1px solid #dfdfe1;
	height: 100%;
}

.error_div_inside {
	margin: 12px 5px 8px 8px;
}

.error_div_text {
	padding: 5px 0 0 10px;
	font-size: 100%;
	font-weight: bold;
}

.error_div_text2 {
	padding: 5px 0 0 10px;
	font-size: 100%;
}

/* Global Menu */
ul#g_menu {
	margin: 0 auto;
	list-style: none outside none;
}

ul#g_menu li {
	display: inline;
}

.clisk_middle_banner1 {
	width: 886px;
	height: 0;
	padding-top: 124px;
	overflow: hidden;
	background: url(../images/clisk_img01.gif) no-repeat;
}

.clisk_middle_banner2 {
	width: 886px;
	height: 0;
	padding-top: 124px;
	overflow: hidden;
	background: url(../images/media_img01.gif) no-repeat;
}

.clisk_middle_banner3 {
	width: 886px;
	height: 0;
	padding-top: 124px;
	overflow: hidden;
	background: url(../images/use_img01.gif) no-repeat;
}

.font-size {
	font-size: 85%;
}

.cf_div {
	height: 32px;
	margin-bottom: 10px;
}

.divH160 {
	height: 160px;
}