@charset "utf-8";
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.align_c {
	text-align: center!important;
}
.heightAuto {
	height: auto!important;
}

/*
------------------------------------------------
FRAME
------------------------------------------------
*/

#wrapper,
#footer_area {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#header {
}
#wrapper .container {
	margin: 0 auto;
	width: 1200px!important;
	float: none!important;
}
.contentHeader {
	position: relative;
	display: block;
	width: 1200px;
	height: 55px;
	background: url(/ideanote/img/common/idea_note_header.png) no-repeat;
	margin: 10px 0 0 0;
}
#ideanote_top {
	display: block;
	width: 210px;
	height: 54px;
	position: absolute;
	text-indent: -9999px;
	top: 0px;
	left: 17px;
}
.contentHeader_info {
	text-align: right;
	padding: 14px 14px 0 0;
}
#contentArea h1 {
	background-color: #EEEEEE;
	border-top: 3px solid #0169C6;
	color: #333333;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 0px;
	padding: 10px 0 10px 10px;
}

/*
------------------------------------------------
GENERAL
------------------------------------------------
*/
.font_red {
	color: #db1b32;
}
/*.rightContent h2,







.leftContent h2,







.bottomContent h2 {







	margin: 0;







	padding: 1px 0 0 0;







	height: 35px;







	background: url(../images/common/title_bg.gif) repeat-x left top;







}*/







.rightContent p {
	margin: 0;
	padding: 20px 0;
}
.list01 {
	padding: 10px 0 12px 0;
}
.list01 a {
	text-decoration: underline;
}
.list01 a:hover {
	text-decoration: none;
}
.list01 li {
	margin: 3px 0 8px 0;
	padding: 0 0 0 25px;
	background: url(/ideanote/img/common/bull_03.gif) no-repeat 10px 0.5em;
}
.list01 li ul {
	margin: 0;
	padding: 3px 0;
}
.list01 li ul li {
	margin: 0 0 0 0;
	padding: 3px 0 0 15px;
	background: url(/ideanote/img/common/bull_01.gif) no-repeat 0 0.6em;
	font-size: 12px;
	color: #555555;
}
.infoText {
	padding: 0 20px 10px 20px;
	font-size: 11px;
}
/*h2 span {
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 16px;
	color: #333333;
	height: 35px;
	line-height: 35px;
	display: block;
}*/
.bborder01 {
	border-bottom: #95b0e5 1px dotted;
}
.pb00 {
	padding-bottom: 0px!important;
}

/*
------------------------------------------------
CATEGORY NAVIGATION
------------------------------------------------
*/
#categoryNavi {
	margin: 20px 0 0 0;
	background: #f7f7f7 url(../images/top/category_bg.jpg) repeat-x left bottom;
	width: 1199px;
	min-height: 42px;
	height: auto !important;
	height: 42px;
	border-left: #c7c7c7 1px solid;
	border-bottom: 1px solid #f0f0f0;
}
#categoryNavi li {
	width: 108px;
	float: left;
	border: #c7c7c7 1px solid;
	border-left: none;
}
#categoryNavi li a {
	display: block;
	font-size: 12px;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
#categoryNavi li a:hover,
#categoryNavi li a.linkActive {
	background: url(../images/top/category_bghover.jpg) repeat-x left top;
	color: #ffffff;
}
/*







PRODUCT NAVIGATION







------------------------------------------------







*/















#productLinkArea {
	padding: 25px 0 0 0;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
#productLinkArea li {
	padding: 0 15px 25px 0;
	float: left;
	width: 227px;
	height: 141px;
}
#productLinkArea li.pr0 {
	padding-right: 0!important;
}
#productLinkArea li a {
	display: block;
	border: 1px solid #ccc;
}
#productLinkArea li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	border: 1px solid #999;
}
/*







------------------------------------------------







CATEGORY NAVIGATION







------------------------------------------------







*/















.mainTitle {
	padding: 15px 0 0 0;
	position: relative;
	width: 1200px;
	height: 122px;
}
/*







.btnInfo {







	position: absolute;







	right: 10px;







	top: 79px;







	display: block;







	width: 176px;







	height: 28px;







}







*/







/*



------------------------------------------------



DISCLAIMER



------------------------------------------------



*/



.disclaimer h3 {
	margin: 0 0 5px 0;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: bold;
	background: #eeeeee;
}
.disclaimer {
	padding: 15px 0 0 0;
	font-size: 12px;
	clear: both;
}
.disclaimer p {
	margin: 0;
	padding: 0 0 2px 0;
}
/*



----------------------------------------



POPUP AREA



----------------------------------------

*/



.popArea {
	padding: 0 5px 0 0;
	width: 573px;
	height: 550px;
	overflow: auto;
	position: relative;
}
.infoArea {
	padding: 0 5px 0 0;
	width: 793px;
	height: 740px;
	overflow: auto;
	position: relative;
}
.popArea.cancelHeight {
	padding: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.popArea h3,
.infoArea h3 {
	position: relative;
	padding: 8px 5px;
	background: #f0f0f0;
	border-top: 2px solid #0166c4;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
}
.infoArea h3 {
	margin-top: 0px;
}
.popArea h4,
.infoArea h4 {
	position: relative;
 *position: static;
	margin: 10px 0 0 0;
	padding: 5px;
	background: #e6f1ff;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
	font-weight: normal;
}
.box_navi {
	padding: 8px 0 10px 0;
	text-align: left;
}
.popArea p,
.infoArea p {
	margin: 0;
	padding: 10px 0;
}
.popArea .pageTop,
.infoArea .pageTop {
	margin: 0 0 10px 0;
	padding: 0;
}
ol.list02 {
	padding: 0 0 12px 0;
}
ol.list02 li {
	margin: 3px 0 8px 0;
	padding: 0 0 0 25px;
	list-style: none;
}
ol.list02 li.num01 {
	background: url(/ideanote/img/common/num01.gif) no-repeat 5px 1px;
}
ol.list02 li.num02 {
	background: url(/ideanote/img/common/num02.gif) no-repeat 5px 1px;
}
ol.list02 li.num03 {
	background: url(/ideanote/img/common/num03.gif) no-repeat 5px 1px;
}
ol.list02 li.num04 {
	background: url(/ideanote/img/common/num04.gif) no-repeat 5px 1px;
}
ol.list02 li .bold {
	font-size: 14px;
}
.block_ideanote_merit {
	width: 777px;
	height: 120px;
}
.img_ideanote_merit_01,
.img_ideanote_merit_02,
.img_ideanote_merit_03 {
	float: left;
	margin: 5px auto !important;
	width: 100px;
	height: 80px;
}
.img_ideanote_merit_01 {
	background: url(/ideanote/img/common/img_ideanote_merit_01.png) no-repeat;
}
.img_ideanote_merit_02 {
	background: url(/ideanote/img/common/img_ideanote_merit_02.png) no-repeat;
}
.img_ideanote_merit_03 {
	background: url(/ideanote/img/common/img_ideanote_merit_03.png) no-repeat;
}
.list_inr_txt {
	float: left;
	width: 620px;
}
.block_goodidea_intro {
	width: 777px;
}
.block_goodidea_intro_left {
	/*float:left;/*/

	width: 400px;
	margin: 0 auto;
}
.block_goodidea_intro_right {
	/*float:left;*/

	width: 400px;
	margin: 0 auto;
}
.img_goodidea_intro_left {
	margin-top: -10px !important;
	width: 400px;
	height: 267px;
	background: url(/ideanote/img/common/img_goodidea_intro_01.png) no-repeat;
	border: 1px solid #ccc;
}
.img_goodidea_intro_right {
	margin-top: -10px !important;
	width: 400px;
	height: 218px;
	background: url(/ideanote/img/common/img_goodidea_intro_02.png) no-repeat;
}
/*



------------------------------------------------



TOP LIST



------------------------------------------------



*/







.toplist_box {
	border: #cccccc solid 2px;
	margin-top: 0px;
	clear: both;
}
.toplist_box01 {
	display: block;
	padding: 10px 0;
	margin-left: 10px;
	width: 1180px;
}
.toplist_box_l {
	float: left;
	display: block;
	width: 200px;
	font-weight: bold;
}
.toplist_box_r {
	float: left;
	display: block;
	width: 976px;
	border-left: #cccccc solid 1px;
}
.toplist_box_r li {
	float: left;
	margin: 0 0 0 10px;
}
.toplist_box02 {
	display: block;
	padding: 10px 0;
	margin-left: 10px;
	width: 1180px;
	border-top: #cccccc solid 1px;
}
.color_g {
	color: #cccccc;
}
.btn_toplist_box_func {
	width: 100%;
	display: block;
	cursor: pointer;
}
.btn_toplist_box_func p {
	display: block;
	text-align: right;
	margin: 0px 10px 10px;
	padding: 10px;
	cursor: pointer;
}
.btn_toplist_box_func p:hover {
	background: #eff4fd;
}
.btn_icon_open span {
	background: url(/ideanote/img/common/icon_open.png) no-repeat 0 -6px;
	padding-left: 20px;
}
.btn_icon_close span {
	background: url(/ideanote/img/common/icon_close.png) no-repeat 0 -6px;
	padding-left: 20px;
}
/*
------------------------------------------------

SEARCH BOX

------------------------------------------------
*/
.searchIdeaNote_box {
	width: 495px;
	height: 25px;
	margin: 15px 0 15px 0;
	float: left;
}
.searchIdeaNoteNumber_box {
	width: 350px;
	height: 25px;
	margin: 15px 0 15px 10px;
	float: left;
}
.search_sns_box .searchIdeaNote_box,
.search_sns_box .searchIdeaNoteNumber_box {
	float: left;
}
.searchIdeaNote_title {
	float: left;
	width: 120px;
	height: 23px;
	padding-left: 5px;
	border-left: #0169C6 solid 5px;
	font-weight: bold;
	line-height: 2.0;
}
.searchIdeaNoteNumber_title {
	float: left;
	width: 75px;
	height: 23px;
	padding-left: 5px;
	border-left: #0169C6 solid 5px;
	font-weight: bold;
	line-height: 2.0;
}
.searchIdeaNote_txt {
	float: left;
	display: block;
	width: 260px;
	height: 23px;
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
}
.searchIdeaNoteNumber_txt {
	float: left;
	display: block;
	width: 160px;
	height: 23px;
	border-top: #CCC solid 1px;
	border-left: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
}
.searchIdeaNote_txt span,
.searchIdeaNote_txt .searchIdeaNote_input {
	display: block;
	border: 0;
	color: #333;
	width: 255px;
	height: 17px;
	padding: 3px 0 3px 5px;
}
.searchIdeaNoteNumber_txt .searchIdeaNote_input {
	display: block;
	border: 0;
	color: #333;
	width: 155px;
	height: 17px;
	padding: 3px 0 3px 5px;
}
.searchIdeaNote_txt .placeHolder,
.searchIdeaNoteNumber_txt .placeHolder {
	color: #ccc;
}
.searchIdeaNote_btn,
.searchIdeaNote_btn {
	float: left;
}
.searchIdeaNote_btn .search_btn {
	float: left;
	display: block;
	width: 104px;
	height: 25px;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
	background: url(/ideanote/img/common/search_btn.png) no-repeat;
}
.searchIdeaNoteNumber_btn .search_number_btn {
	float: left;
	display: block;
	width: 104px;
	height: 25px;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
	background: url(/ideanote/img/common/search_btn.png) no-repeat;
}
/*
------------------------------------------------

Attention BOX

------------------------------------------------
*/

.attentionBox {
	/*border:1px solid #941D55;*/
	background: #eff4fd;
	padding: 10px;
	margin-bottom: 10px;
}
.attentionList li {
	background: url(/ideanote/img/common/icon_attention.png) no-repeat 0 2px;
	padding-left: 20px;
	font-weight: bold;
}
/*
------------------------------------------------

uniteArea

------------------------------------------------
*/

/* 事例リスト部分 */



.unitAreaTop {
	float: left;
	display: block;
	width: 1200px;
	margin-bottom: 30px;
}
.unitAreaTop ul li {
	float: left;
	display: block;
	width: 228px;
	height: 280px;
	margin-left: 10px !important;
	_margin-left: 5px !important;
	position: relative;
	z-index: 1
}
.unitAreaTop .unitAreaTop_wrapper {
	width: 228px;
	/*height: 280px;*/



	border: #CCC solid 1px;
	position: absolute;
	background: #fff;
}
.unitAreaTop_top {
	display: block;
	/*width: 228px;*/
	/*height: 140px;*/
	border-bottom: #CCC solid 1px;
	position: relative;
	overflow: hidden;
	background: #fff;
}
.unitAreaTop .mainimg {
	/*
	margin: 5px 9px;
	*/
	display: block;
	margin: 5px auto;
	width: 210px;
	height: 130px;
}
.unitAreaTop_new {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
}
.uniteAreaTop_icon {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 10;
}
.unitAreaTop ul li ul.uniteAreaTop_icon li {
	float: none;
	display: block;
	width: auto;
	height: auto;
	margin-left: 0px !important;
	_margin-left: 0px !important;
	position: relative;
	margin-bottom: 5px;
}
.uniteAreaTop_icon .unitAreaTop_new {
	display: block;
	width: 34px;
	height: 15px;
	position: inherit;
	top: 0px;
	left: 0px;
	z-index: 0;
}
.uniteAreaTop_icon .unitAreaTop_new span {
	display: block;
	background: url(/ideanote/img/common/new.gif) no-repeat;
	width: 34px;
	height: 15px;
	text-indent: -9999px;
}
.uniteAreaTop_icon .unitAreaTop_auth {
	display: block;
	width: 72px;
	height: 15px;
}
.uniteAreaTop_icon .unitAreaTop_auth span {
	display: block;
	background: url(/ideanote/img/common/auth.png) no-repeat;
	width: 72px;
	height: 15px;
	text-indent: -9999px;
}
.unitAreaTop_info {
	position: absolute;
	top: 11px;
	left: 204px;
}
.unitAreaTop_info a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.unitAreaTop_image {
	display: block;
	position: relative;
	color: #333;
}
.unitAreaTop_image:hover,
.unitAreaTop_image:visited {
	color: #333;
}
.unitAreaTop_appeal {
	/*



	width: 216px;



	height: 126px;



	*/



	display: none;
	padding: 8px;
	margin-bottom: 12px;
	color: #333;
	background: #fff;
	border-top: 1px solid #ddd;
}
.unitAreaTop ul li a img {
}
.unitAreaTop ul li a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.unitAreaTop_bottom {
	display: block;
	padding: 8px 12px;
}
.unitAreaTop_bottom .unitAreaTop_title {
	height: 34px;
}
.unitAreaTop_bottom .unitAreaTop_tagArea {
	height: 50px;
	padding: 5px 0 0 0;
}
.unitArea_tag_title {
	margin: 10px 0 0;
	padding: 0 0 0 5px;
	border-left: 4px #999999 solid;
	color: #666;
}
.unitAreaTop_btn {
	float: left;
	background-color: #ffffff;
	border: #004BB1 solid 1px;
	font-size: 12px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
 *display: inline; /* for lte ie7 */
 *zoom: 1; /* for lte ie7 */
	margin: 6px 10px 0 0;
}
.unitAreaTop_btn a {
	padding: 0 7px;
	display: block;
	font-weight: normal;
}
.unitAreaTop_btn a:visited {
	color: #004BB1;
}
.unitAreaTop_btn a:hover {
	float: left;
	display: block;
	background-color: #6D93C7;
	font-size: 12px;
	color: #FFFFFF;
}
/* 事例リスト部分・オンマウス時 */



.unitAreaTop .unitAreaTop_wrapperHover {
	border: #666 solid 2px;
	/*



	width: 420px;



	*/



	width: 315px;
}
.unitAreaTop .unitAreaTop_wrapperHover .mainimg {
	/*



	width: 420px;



	height: 260px;



	*/



	width: 315px;
	height: 195px;
}
.unitAreaTop .unitAreaTop_wrapperHover .unitAreaTop_appeal {
	display: block;
}
/*
------------------------------------------------

SEARH HIT LIST PAGER

------------------------------------------------
*/

.searchtt {
	display: block;
	min-height: 60px;
}
.searchtt_l {
	float: left;
	/*width:800px;*/
	width: 270px;
	display: block;
	height: 20px;
	margin: 10px 0 20px 10px;
}
.searchtt_txt {
	font-size: 16px;
}
.searchtt_r {
	/*float:right;*/
	float: left;
	display: block;
	height: 20px;
	margin: 10px 10px 20px 0;
}
.pageNum {
	display: table;
	margin: 0px;
}
.pageNum li {
	float: left;
	width: 26px;
	height: 26px;
	margin: 0 4px 0 0;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	border: 1px solid #CCCCCC;
	font-weight: bold;
}
.pageNum li a {
	width: 26px;
	height: 26px;
}
.pageNum li.mark2 a {
	background-position: -122px -983px;
}
.pageNum li.mark2c a {
	background-position: -124px -1157px;
}
.pageNum li.mark2 a:hover {
	background-position: -122px -1070px;
	padding: 0 0 0 24px
}
.pageNum li.mark2c a:hover {
	background-position: -124px -1197px;
	padding: 0 0 0 24px
}
/*
------------------------------------------------



BOTTOMTXT



------------------------------------------------

*/



.bottomtxt h4 {
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
	height: 16px;
	border-left: 5px #999999 solid;
}
h4 span {
	display: block;
	height: 16px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 16px;
	color: #333333;
	font-weight: bold;
}
.bottomtxt {
	padding: 15px 0 0 0;
	clear: both;
}
.bottomtxt p {
	margin: 0;
	padding: 0 0 2px 0;
}
.block_form {
	width: 600px;
	overflow: hidden;
}
.btn_form,
.btn_campaign {
	float: left;
}
.btn_form,
.btn_form a {
	width: 256px;
	height: 40px;
}
.btn_form {
	margin-top: 10px;
}
.bottomtxt .btn_form a {
	display: inline-block;
 *display: inline;
 *zoom: 1;
	background: url(/ideanote/img/common/form_btn.png) no-repeat;
}
.btn_campaign,
.btn_campaign a {
	width: 284px;
	height: 40px;
}
.btn_campaign a {
	margin-left: 10px;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	background: url(/ideanote/img/common/campaign_form_btn.png) no-repeat;
}
/*------------------------------



    ソーシャルプラグイン



------------------------------*/







.snsArea {
	margin: 15px 0 0;
	float: right;
}
.addthis_toolbox_head {
	color: #999;
	font-weight: bold;
	float: left;
	/* us title undisplay */
	display: none;
}
.addthis_toolbox {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: -2px 10px 0 0;
	padding: 5px 10px;
	min-width: 300px;
	min-height: 20px;
	float: left;
	font-size: 12px;
}
.snsArea .addthis_toolbox {
	margin: -2px 0 0;
}
.addthis_button_google_plusone {
	width: 65px !important;
}
.addthis_button_tweet {
	width: 92px !important;
}

.leftContent_tag_block_list {
	width: 120px ;
}

.leftContent_tag_block_list {
	width: 580px ;
}