@charset "utf-8";
/*------------------------------------------------------------------------------
  Title: NINJA TOOLS
  Created: 2012-02-28
  ------------------------------------------------------------------------------*/

/*============================================================================

omatome

=============================================================================*/

/*------------------------------------------------------------
  Hypertext
  -------------------------------------------------------------*/
/* テキストの位置 */
.txt_left { text-align: left ; }
.txt_center { text-align: center ; }
.txt_right { text-align: right ; }

.txt_r140{ text-indent:140px;}

/* フォントの大きさ（プラス） */
.fs1 { font-size: 1.08em ; }
.fs2 { font-size: 1.16em ; }
.fs3 { font-size: 1.24em ; }
.fs4 { font-size: 1.32em ; }
.fs5 { font-size: 1.4em ; }
.fs6 { font-size: 1.6em ; }
.fs7 { font-size: 1.68em ; }
.fs8 { font-size: 1.76em ; }

.fs20 { font-size: 2.84em ; }

/* フォントの大きさ（マイナス） */
.fsm1 { font-size: 0.92em ; }
.fsm2 { font-size: 0.84em ; }
.fsm3 { font-size: 0.76em ; }
.fsm4 { font-size: 0.68em ; }
.fsm5 { font-size: 0.6em ; }

/* フォントの太さ */
.normal { font-weight: normal ; }
.bold { font-weight: bold ; }

/* フォントの色 */
.color_gr{color:#666;}
.color_red{color: #E00000;}
.color_or{ color:#F07324;}
.color_ye{color: #FF0;}
.color_bl{color: #00F;}
.color_bl a{color: #00F;}
.color_main{color: #02A0C1;}
.color_bk{color: #000;}

.txt_blink{	text-decoration:blink;}

.lineh12{line-height:1.2;}
.lineh15{line-height:1.5;}
.lineh18{line-height:1.8;}
.lineh20{line-height:2;}


/* 余白 */
.br_2{ padding:0 0 2px 0;}
.br_10{ padding:0 0 10px 0;}
.br_15{ padding:0 0 15px 0;}
.br_20{ padding:0 0 20px 0;}
.br_25{ padding:0 0 25px 0;}
.br_40{ padding:0 0 40px 0;}
.up_-5{ margin:-5px 0 0 0;}
.up_3{ padding:3px 0 0 0;}
.up_5{ padding:5px 0 0 0;}
.up_10{ padding:10px 0 0 0;}
.up_15{ padding:15px 0 0 0;}
.up_25{ padding:25px 0 0 0;}
.leftbr_10{ padding:0 0 0 10px;}
.leftbr_15{ padding:0 0 0 15px;}

.hidden{display:none;}

/*------------------------------------------------------------
  汎用的なセレクタ
  -------------------------------------------------------------*/
#main_block .box_link:hover {
    cursor:pointer;
}
#main_block .btn_bk {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(171, 212, 29)), color-stop(1, rgb(140, 198, 63)));
    background-image: -moz-linear-gradient(top, rgb(171, 212, 29) 0%, rgb(140, 198, 63) 100%);
    background-image: linear-gradient(top, rgb(171, 212, 29) 0%, rgb(140, 198, 63) 100%);
    background-color:#8CC63F;
    -webkit-box-shadow: 0px 2px 3px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 2px 3px rgba(51, 51, 51, 0.5);
    -ms-box-shadow: 0px 2px 3px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 2px 3px rgba(51, 51, 51, 0.5);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-shadow: -1px -1px 0px rgb(110, 194, 52);
    color: #FFF;
 filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ABD41D, endcolorstr=#8CC63F, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ABD41D, endcolorstr=#8CC63F, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=2)";
    zoom: 1;
}
#main_block .btn_bk:active {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(171, 212, 29)), color-stop(1, rgb(140, 198, 63)));
    background-image: -moz-linear-gradient(-90deg, rgb(171, 212, 29) 0%, rgb(140, 198, 63) 100%);
    background-image: linear-gradient(-90deg, rgb(171, 212, 29) 0%, rgb(140, 198, 63) 100%);
    text-shadow: 0 0 25px #fff;
}
#main_block .btn_bk:visited {
    color:#fff;
}
#main_block .btn_bk:hover {
    text-shadow: 0 0 10px #fff;
    background-color:#111;
    background:#B1E26C\9;
}
#main_block .contents_inner_ttl {
    margin-bottom:15px;
}
#main_block .contents {
    position:relative;
}
#main_block .h_omatome_sample {
    position:absolute;
    top: 15px;
    right: 0px;
    z-index:10;
}
#main_block .contents_inner_ttl {
    clear:both;
}
#main_block .box-btm {
    margin-bottom: 10px;
    overflow:hidden;
}
#main_block .thumbnail-box {
    overflow:hidden;
    margin-bottom:20px;
}

.br05{padding: 0 0 5px 0;}
.br15{padding: 0 0 15px 0;}
.br25{padding: 0 0 25px 0;}

.boder_gr{
	border: 1px solid #CCC;
}

/*------------------------------------------------------------
  top
  -------------------------------------------------------------*/

#main_block .top_first_block {
    background-color:#FFF;
    margin: 10px 0;
    width: 620px;
    padding: 1px;
    height: 230px;
    overflow: hidden;
}
#main_block .top_sec_block {
    background-color:#FFF;
	margin:0 0 10px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
}
#main_block .top_read_box {
    margin:20px auto 25px;
    width:600px;
    text-align:center;
}
#main_block .top_contents_block{
    background-color:#FFF;
	margin:0 0 10px;
    padding: 0 0 1px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
}

#main_block .btnset_select_box {
    margin:5px 0 0;
}
#main_block .btnset_select_text {
    margin: 12px auto 10px;
    text-align: center;
    padding: 35px 0 15px;
}
#main_block .top_read {
    margin-bottom:2px;
}
#main_block .top_img{
    position:relative;
    text-align: center;
	height:231px;
}
.top_img h1{
	margin:0 !important;
	-webkit-margin-before: 0 !important;
    -webkit-margin-after: 0 !important;
}
.omatome_ribon{
    clear: both;
    position: absolute;
    color: #fff;
    background: #f43059;
    text-shadow: 0 -1px #d0284b, 0 1px #f96080;
    font-size: 1.5px;
    float: left;
    padding: 4px 10px 4px 15px;
    margin: 4px 0 11px -10px;
    -moz-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    -o-box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
    z-index: 999;
    font-size: 13px;
}
.omatome_ribon:before {
    content: " ";
    background: url(/omatome/images/ribbon.png);
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -10px;
    z-index: -1;
}
#main_block .recommend_more a {
    color:#2E6BC7;
}
#main_block .make_tool_box {
    text-align:center;
}
.make_tool, .make_tool_custom {
	display:block;
}
#main_block a img:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}
.make_tool_box_left{
    width: 352px;
    display: inline-block;
    margin: 0 1px 5px 4px;
}
.make_tool_box_right{
    width: 256px;
    display: inline-block;
    background: #f0f0f0;
    padding: 5px 0 5px 5px;
    margin: 0 -1px 0 0;
}
.make_tool_box_note{
    background: #f0f0f0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
	padding: 6px 0px 5px;
    margin: 0 -1px;
    box-shadow: #fcfcfc 0px 0px 3px 0px;
    -webkit-box-shadow: #fcfcfc 0px 0px 3px 0px;
    -moz-box-shadow: #fcfcfc 0px 0px 3px 0px;
}
#main_block .make_tool_custom span {
    padding: 1px 0 1px 22px;
    background-image: url(/omatome/images/icn_wrench.png);
    background-repeat: no-repeat;
    background-position: left center;
}
#main_block .top_omatome_sample {
    width: 510px;
    margin:45px auto 0;
    padding:20px 15px 0 20px;
    border:solid 1px #eee;
    background-color: #FAFAFA;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

*:first-child+html #main_block .top_omatome_sample { /*IE7*/
    padding-bottom:15px;
    width: 470px;
}
#main_block .top_omatome_sample .ninja_onebutton_output {margin:auto;}
#main_block .ninja_onebutton_clear {
    display:none;
}
#main_block .top_button_sample {
    clear: both;
    margin-top:2px;
    color:#888;
    text-align:center;
    font-size:11px;
}

#NINJA_CO_JP_ONETAG_BUTTON_fd418caac30acd749fa6566cd98186e3_1{
    margin: 0 auto 5px !important;
}

.sample_bloack{
    width: 614px;
    margin:0 auto 3px;
    background: #F8F8F8;
    padding: 15px 0 0;
	text-align:center;
}
.sample_bloack li{
	display:inline-block;
    width: auto;
	height:178px;
    overflow: hidden;
    margin: 0 1px;
}
.sample_bloack li p{
	font-size:11px;
	font-weight:bold;
    padding: 1px 0 6px;
}
.all_button{
    width: 574px;
    margin: 0 auto 3px;
    background: #F8F8F8;
    padding: 15px 0 0;
    text-align: center;
}
.all_button li {
	display:inline-block;
	margin:0 8px 10px;
}

.top_link_block02{
	background:#fff;
	margin:0 auto 10px;
	padding:6px 4px 3px;
	text-align:center;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 3px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 3px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.14902) 0px 0px 3px -1px;
}
.top_link_block02 a{
    background: url(/omatome/images/btn_make03_spbg.gif) 0 0 repeat-x;
    display: block;
    height: auto;
    text-align: center;
}
.top_contents_block02{
	margin:0 0 10px;
}
.top_contents_block02_left{
	background:#fff;
	float:left;
	width:305px;
	height:285px;
	overflow:hidden;
	margin:0 4px 10px 0;
	text-align:center;
	position:relative;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
}
.top_contents_block02_right{
	background:#fff;
	float:right;
	width:305px;
	height:285px;
	overflow:hidden;
	margin:0 0 10px;
	text-align:center;
	position:relative;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 3px -1px;
}
.top_contents_block02 dd{
	font-size:18px;
	line-height:1.2;
}
.top_contents_block02_btn{
	position:absolute;
	bottom:0;
	left:4px;
}
.top_contents_block02_txt01{
    padding: 15px 0 0px;
    font-weight: bold;
    line-height: 1.2;
}
.top_contents_block02_txt02{
	font-size:26px;
	font-weight: bold;
}
.top_contents_block02_txt03{
	font-size:26px;
    padding: 30px 0 0px;
    font-weight: bold;
    line-height: 1.2;
}
.top_contents_block02_txt04{
    padding: 3px 0 0px;
    font-weight: bold;
    line-height: 1.2;
}

/*----- recommend -----*/
#main_block .recommend_itemlist {
    margin:0 auto;
    width:614px;
    position:relative; /*セット1番目の忍者ボタン用　.recommend_item .ninja_onebutton*/
}
.recommend_itemlist ul{
    padding: 0;
}

#main_block .recommend_more {
    margin:auto;
    padding: 15px 0 15px 60px;
	background:url(/omatome/images/img_line.gif) repeat-x 0 bottom #F8F8F8;
}
#main_block .recommend_item label{
    margin-bottom: 2px;
    background: #F8F8F8;
    padding: 15px 0 15px 35px;
    display: block;
}
#main_block .recommend_item label:hover {
    background: #FFF7D0;
}
#main_block .recommend_item input {
    margin-right: 8px;
    vertical-align: -webkit-baseline-middle;
}
#main_block .recommend_item img {
    vertical-align:top;
}
#main_block .recommend_item .ninja_onebutton{
    position: absolute;
    left: 26px;
    top: 3px;
}
#main_block .btn_next {
    margin:30px auto;
    text-align:center;
}
#main_block .btn_next a.btn_bk {
    padding:10px 130px;
    font-size:22px;
    font-weight:bold;
}
#main_block .recommend_itemlist_hidden {
    display:none;
}
/* feature */
#main_block .top_feature_block {
    background-image: url(/omatome/images/top_feature_bg.png);
    background-repeat: repeat;
    background-position: left top;
}
#main_block .top_feature_block ul {
    overflow:hidden;
    _zoom: 1;
    background-image: url(/omatome/images/top_feature_bg_shadow.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 16px;
}
#main_block .top_feature_block li {
    width:190px;
    float:left;
    background-color:#F9F9F9;
    margin-right: 6px;
    border: solid 1px #D5D5D5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f8f8f8;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f8f8f8 1%, #f0f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f8f8f8), color-stop(100%,#f0f0f0));
    background: -webkit-linear-gradient(top,  #f8f8f8 1%,#f0f0f0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 1%,#f0f0f0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 1%,#f0f0f0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 1%,#f0f0f0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f0f0f0',GradientType=0 );
    zoom: 1;
}
#main_block .top_feature_block li:hover {
    background-color:#FFF;
    border: solid 1px #aaa;
    background-image: none;
    -webkit-box-shadow: 0px 3px 3px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 3px 3px rgba(51, 51, 51, 0.5);
    -ms-box-shadow: 0px 3px 3px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 3px 3px rgba(51, 51, 51, 0.5);
    filter: none;
    -ms-filter: none;
}
#main_block .top_feature_block li p {
    text-align:center;
}
#main_block .top_feature_block li p.head {
    font-size:16px;
    font-weight:bold;
    background-color:#FFF;
    padding: 7px 0;
    border-bottom:solid 1px #eee;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}
#main_block .top_feature_block li div {
    padding-top:15px;
    border-right-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 5px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#main_block .top_feature_block p.image {
    min-height:96px;
}
#main_block .top_feature_block p.image a {
    display:block;
}
#main_block li.top_feature_wide {
	width: 586px;
	margin-bottom: 6px;
}
#main_block li.top_feature_wide p.image {
	min-height: 66px;
}
#main_block .top_feature_wide p.image a {
	height: 66px;
	overflow: hidden;
}
#main_block .top_feature_1 p.image a {
    height:83px;
    overflow:hidden;
}
#main_block .top_feature_2 p.image a {
    height:70px;
    overflow:hidden;
}
#main_block .top_feature_3 p.image a {
    height:96px;
    overflow:hidden;
}
#main_block .top_feature_wide:hover img {
    margin-top:-66px;
}
#main_block .top_feature_1:hover img {
    margin-top:-83px;
}
#main_block .top_feature_2:hover img {
    margin-top:-70px;
}
#main_block .top_feature_3:hover img {
    margin-top:-96px;
}
#main_block .top_feature_block li p.text {
    font-size:11px;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    margin:5px 5px 10px 5px;
    line-height:1.2em;
}
#main_block div.main_navi_secondary ul.bg_white {
    background-color:#FFF;
}
/* feature_intro */
#main_block .contents_inner_2block_omatome {
}
#main_block .block_in_left_omatome {
    width:280px;
    float:left;
    margin-bottom:40px;
}
#main_block .block_in_left_omatome02 {
    width:280px;
    float:left;
    margin-bottom:40px;
}
#main_block .block_in_left_omatome:hover {
    -webkit-box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
    -ms-box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
}
#main_block .block_in_left_omatome:hover .txt,
#main_block .block_in_right_omatome:hover .txt {
    background-color: #FFF;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #eee;
    border-bottom-color: #eee;
    border-left-color: #eee;
}
#main_block .block_in_left_omatome:hover .block_in_ttl_omatome,
#main_block .block_in_right_omatome:hover .block_in_ttl_omatome {
    background-image: none;
}
#main_block .block_in_right_omatome {
    width:280px;
    float:right;
    margin-bottom:40px;
}
#main_block .block_in_right_omatome02 {
    width:280px;
    float:right;
    margin-bottom:40px;
}
#main_block .block_in_right_omatome:hover {
    -webkit-box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
    -moz-box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
    -ms-box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
    box-shadow: 0px 2px 2px rgba(51, 51, 51, 0.5);
}
#main_block .block_in_ttl_omatome {
    font-size:13px;
    font-weight:bold;
    text-align:center;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    padding: 10px 0;
    background-color:#FFF;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 1%, #f8f8f8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#f8f8f8));
    background: -webkit-linear-gradient(top,  #ffffff 1%,#f8f8f8 100%);
    background: -o-linear-gradient(top,  #ffffff 1%,#f8f8f8 100%);
    background: -ms-linear-gradient(top,  #ffffff 1%,#f8f8f8 100%);
    background: linear-gradient(to bottom,  #ffffff 1%,#f8f8f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 );
    zoom: 1;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #eee;
    border-right-color: #eee;
    border-left-color: #eee;
}
#main_block .contents_inner_2block_omatome .image {
    border: solid 1px #E8E8E8;
}
#main_block .contents_inner_2block_omatome .txt {
    padding: 12px 10px;
    line-height:1.6em;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    background-color: #F6F6F6;
    -webkit-box-shadow: 0px 2px 1px rgba(51, 51, 51, 0.2);
    -moz-box-shadow: 0px 2px 1px rgba(51, 51, 51, 0.2);
    -ms-box-shadow: 0px 2px 1px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 2px 1px rgba(51, 51, 51, 0.2);
    border-top: solid 1px #FFF;
    min-height:10.5em;
    height: auto !important;
    height: 10.5em;
    border: solid 1px #F6F6F6;
    border-top: solid 1px #FFF;
}
#main_block a.button_detail_omatome {
    display:block;
    margin-top:8px;
    color:#2E6BC7;
    font-weight:bold;
    text-decoration:none;
}
#main_block a.button_detail_omatome span {
    padding-right: 10px;
}
#main_block div.make_tool_bottom {
    margin: 50px auto 80px;
    text-align:center;
    clear:both;
}
#main_block div.make_tool_bottom .btn_bk {
    padding:20px 40px;
    color:#FFF;
    font-size:23px;
    font-weight:bold;
    text-decoration:none;
}



/*------------------------------------------------------------
  /easy-setting  カンタン設置
  -------------------------------------------------------------*/
#main_block .step_number {
    display:inline-block;
    margin-bottom: 10px;
    padding:10px;
    color:#FFF;
    font-weight:bold;
    background-color:#666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
/*------------------------------------------------------------
  /omatome/feature/sorting　ボタンサイズ変更
  -------------------------------------------------------------*/
#main_block .button_sample {
    margin-top:30px;
}
#main_block .button_sample dl {
    overflow:hidden;
}
#main_block .button_sample dt {
    width:25%;
    float:left;
    line-height:60px;
}
#main_block .button_sample dd {
    width:75%;
    float:left;
}
#main_block .button_sample dd img {
    margin-right:10px;
}

.button_sample_sf{
    padding:20px 0 40px 0;
    line-height:1.2;
}
.button_sample_sf img{
    padding:0 0 5px 0;
}


#main_block div.contents_inner p.title_sort {
    padding:5px 10px;
    background-color:#FCFCFC;
    border: solid 1px #EAEAEA;
}
#main_block div.contents_inner p {padding:5px 0;}
#main_block ul.sort_sample_yoko {
    margin:30px auto 30px 80px;
}
#main_block ul.sort_sample_tate {
    margin:30px auto 30px 80px;
}
#main_block ul.sort_sample_tate li.tate_sort {
    float:left;
    width:110px;
    padding-bottom:40px;
}
#main_block ul.sort_sample_tate li.tate1 {
    width:70px;
}
/*------------------------------------------------------------
  /feature/get-entry-url　ブログの記事詳細URL
  -------------------------------------------------------------*/
#main_block ul.blog_service {
    overflow:hidden;
    text-align:center;
}
#main_block ul.blog_service li {
    display:inline-block;
    padding:10px;
    border: solid 1px #eee;
    margin:5px;
}
*:first-child+html #main_block ul.blog_service li {
    display: inline;
}
#main_block ul.blog_service img {
    padding-right:5px;
    vertical-align:middle;
}

#main_block .thumbnail-box li {
    margin:20px auto 20px auto ;
    width:282px;
    text-align:center;
}
#main_block .thumbnail-box .float-left {
    float:left;
}
#main_block .thumbnail-box .float-right {
    float:right;
}
#main_block .thumbnail-box strong {
    font-size:16px;
    font-weight:bold;
}
#main_block .thumbnail-box li a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

/*------------------------------------------------------------
  /omatome/feature/analytics/  ボタンのクリック数や流入数が解析できる
  -------------------------------------------------------------*/
div#main_block .ol_box {
    margin-bottom: 20px;
}

div#main_block .ol_box li {
    background: url("/omatome/images/lst_red_sankaku.gif") no-repeat scroll 0 7px transparent;
    display: inline-block;
    line-height: 1.6em;
    padding: 2px 10px;
    min-width: 30%;
    font-size: 13px;
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 1.5em;
    line-height: 1.4em;
    zoom: normal;
}

div#main_block .analytics-point {
    margin-bottom: 30px;
    clear: both;
}

div#main_block .analytics-point li {
    margin-bottom: 30px;
}

div#main_block .analytics-point li h3 {
    font-size: 14px;
    font-weight: bold;
    padding: 40px 0 0;
    margin-bottom: 10px;
}

div#main_block .analytics-point li h3 span {
    margin-right: 5px;
    padding: 7px 12px;
    background: #7d7e7d;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkN2U3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMTExMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #7d7e7d 0%, #111111 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#111111));
    background: -webkit-linear-gradient(top,  #7d7e7d 0%,#111111 100%);
    background: -o-linear-gradient(top,  #7d7e7d 0%,#111111 100%);
    background: -ms-linear-gradient(top,  #7d7e7d 0%,#111111 100%);
    background: linear-gradient(to bottom,  #7d7e7d 0%,#111111 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#111111',GradientType=0 );
    color: white;
    font-weight: bold;
    text-shadow: -1px -1px 0 #000;
    background-color: #111\9; /* IE8 and below */
}

div#main_block .analytics-point .img a {
    display: block;
    position: relative;
}

div#main_block .analytics-point .img a:after {
    content: url("/omatome/images/loope.png");
    position: absolute;
    bottom: 3px;
    left: 3px;
    z-index: 10;
    zoom: 1;
}

div#main_block .analytics-point .img a:hover {
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
}

div#main_block .analytics-point .img a img {
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
    -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
}

div#main_block h4.table-title {
    font-weight: bold;
    margin-bottom: 15px;
}

/*------------------------------------------------------------
  /feature/blog/  忍者ブログワンクリック
  -------------------------------------------------------------*/

#main_block .big-font {
    font-size:33px;
    color:#666;
    text-align:center;
}
#main_block .step_fix_box {
    text-align:center;
    margin-bottom: 70px;
    background: #F5F5F5;
    padding: 15px 15px 20px;
}
#main_block .middle-font {
    font-size:18px;
    font-weight:bold;
}
/*------------------------------------------------------------
  /button-list  ボタン一覧
  -------------------------------------------------------------*/

#main_block .button_summary table {
}
#main_block .button_summary table th {
    font-weight:bold;
    background-color:#ddd;
    border: solid 1px #ccc;
    padding: 5px;
}
#main_block .button_summary table td {
    border: solid 1px #ddd;
    padding: 5px;
    background-color:#fafafa;
}
#main_block .btn_list_img img {
    padding-left:10px;
    vertical-align:bottom;
}
.btn_list_sf {
    font-size:90%;
    line-height:1.3;
}
.btn_list_sf img {
    padding:0 0 5px 0;
}

/*------------------------------------------------------------
  /omatome/button-list/pattern  ボタン画像
  -------------------------------------------------------------*/

/* ドロップダウン */
#main_block .btn_dropdown_box {
    display:block;
    overflow:hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(254, 254, 254)), color-stop(1, rgb(240, 240, 240)));
    background-image: -moz-linear-gradient(-90deg, rgb(254, 254, 254) 0%, rgb(240, 240, 240) 100%);
    background-image: linear-gradient(-90deg, rgb(254, 254, 254) 0%, rgb(240, 240, 240) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fffefefe, endcolorstr=#fff0f0f0, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fffefefe, endcolorstr=#fff0f0f0, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=135, strength=2)";
    zoom: 1;
}
#main_block .btn_dropdown_box li { /*リストの1段目*/
    float: left;
    min-width: 76px;
    white-space: nowrap;
    text-align:center;
}
#main_block .btn_dropdown_box li a {
    display:block;
    padding:8px 15px;
}
#main_block .btn_dropdown_box li .no-link {
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    border-right: solid 1px #ddd;
    display:block;
    font-size:12px;
    padding:10px 15px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(254, 254, 254)), color-stop(1, rgb(240, 240, 240)));
    background-image: -moz-linear-gradient(180deg, rgb(254, 254, 254) 0%, rgb(240, 240, 240) 100%);
    background-image: linear-gradient(180deg, rgb(254, 254, 254) 0%, rgb(240, 240, 240) 100%);
}
*+html #main_block .btn_dropdown_box li .no-link { /*IE7用*/
    background-image:none;
    filter:none;
}
#main_block .btn_dropdown_box li a.last {
    border:none;
}
#main_block .btn_dropdown_box li .no-link:hover {
    background-color:#FFF;
    background-image:none;
    filter: none;
    color:#666;
}
#main_block .btn_dropdown_box li a:hover {
    background-color:#F9F9F9
}
#main_block .btn_dropdown_box li li a {
    text-align:left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #ddd;
    border-bottom-color: #ddd;
    border-left-color: #FFF;
    background-color: #F9F9F9;
    width: expression(document.body.clientWidth < 102? "100px" : "auto");
}
#main_block .btn_dropdown_box li li a:hover {
    background:#fff;
    color:#2a5ead;
}
#main_block .btn_dropdown_box ul { /*2段目以降*/
    display: none;
    position: absolute;
    z-index: 10;
    -webkit-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    -moz-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    -ms-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
}
#main_block .btn_dropdown_box li li { /*2段目以降のリスト項目*/
    clear: left;
    position:relative;
    width: 100%;
    z-index:1;
    background-color:#FFF;
}
#main_block .btn_dropdown_box ul ul { /*3段目以降*/
    top: 0;
    left: 100%;
    -webkit-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    -moz-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    -ms-box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    box-shadow: 1px 2px 2px rgba(51, 51, 51, 0.4);
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
}
#main_block .btn_dropdown_box ul ul a { /*3段目以降*/
    background:#fff;
}
#main_block .btn_dropdown_box li:hover > ul {
    display: block;
}
*+html #main_block .btn_dropdown_box ul a { /*IE用*/
    width: 52px; /*（74-10-10-1-1）パディングとボーダーの分を引いた値*/
    white-space: normal; /*幅に応じて改行*/
}
#main_block .account_itemlist_box a {
}
#main_block .btn_dropdown_box .selected a.no-link {
    background-color:#FFF;
    background-image:none;
    filter: none;
}
/* ドロップダウン終了 */
/* ボタン ショーケース */
.btn_showcase_block {
    overflow:hidden;
    background-color:#F9F9F9;
    clear:both;
    padding:15px 15px 15px 15px;/*下の余白に追加されたボタンエリアの高さを確保*/
    -moz-box-shadow:    inset 0 0 5px #ccc;
    -webkit-box-shadow: inset 0 0 5px #ccc;
    box-shadow:         inset 0 0 5px #ccc;
}
.btn_showcase_box ul{
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
}
.btn_showcase {
    overflow:hidden;
    margin-bottom:15px;
}
.btn_showcase li {
    float:left;
    padding:15px 20px;
    border:solid 1px #F9F9F9;
    text-align:center;
    height: auto !important;
    position:relative;
    list-style-type: none;
    display: inline-block;
}
.btn_showcase li img{
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}
.to_omatome_customise {
    display:none;
}
.btn_showcase li a:hover {
    cursor:default;
}
a.no-link {
    text-decoration:none;
}
a.no-link:hover {
    cursor:default;
}
.btn_showcase li p {
    margin:10px auto 0 auto;
    font-size:12px;
    color:#666;
}
.loading {
    margin:100px auto;
    text-align:center;
}
div#main_block div.contents,div.contents div.contents_inner {
    /*下層においてるおまとめボタン用に設定を変更しました*/
    overflow:visible !important;
}

.button_view_box {
    border: solid 4px #ddd;
}
.btn_dropdown_box {
    border-bottom: solid 1px #ddd;
}

/*------------------------------------------------------------
  /report/  レポート
  -------------------------------------------------------------*/
span.note {
	vertical-align: super;
	font-size: 80%;
}
ol.notes li {
	color: #666;
	margin: 5px 0;
	padding: 0 20px;
	line-height: 1.2em;
}
div.report_index {
	margin: 20px 0;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	line-height: 1.8em;
}
div.report_index h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0;
}
div.report_index ul {
	margin: 10px 0;
}
div.report_graph {
	margin: 20px 0 30px;
	padding: 10px 0;
	border: 1px solid #ccc;
}
div.report_graph h4 {
	text-align: center;
	margin: 10px 0;
	font-weight: bold;
}
div.report_graph p.note {
	margin: 0 10px;
}
table.report_table {
	width: 60%;
	margin: 0 auto;
	margin-bottom: 20px;
}
table.report_table th {
	background-color: #ddd;
	font-weight: bold;
}
table.report_table th,
table.report_table td {
	border: 1px solid #ccc;
	padding: 5px;
	width: 50%;
}
table.report_table tr:nth-child(2n) td {
	background-color: #f0f0f0;
}
table.report_table th:nth-child(2n),
table.report_table td:nth-child(2n) {
	text-align: right;
}
table.report_table tr.strong td {
	font-weight: bold;
	background-color: #ffe6e6;
	color: #900;
}

.omatome-analytics{
	margin:10px 0 0;
}

.responsive_nav a {
    display: none;
}
.reco_img_auto{
	width:92%;
}

@media screen and (max-width: 768px) {
	
.bread_crumb{
    display:none;
    width:auto;
    overflow:hidden;
    padding: 7px 20px !important;
    white-space: nowrap;
}
#header_block .title_block{
    height: auto;
    padding: 5px 0;
}
.title_block h1{
    float:  none;
    margin: 0 auto;
}
.title_block p.h1_description, .title_block .top_navi{
    display: none;
}
#header_block, #contents_block {
    width: 100%;
}
#main_block {
    padding-right: 0;
    width: 100%;
    display: block;
    overflow: hidden;
}
#main_block .top_first_block{
    width: 100%;
	margin: 1px 0 -11px;
	padding:0;
	height:230px;
	overflow:hidden;
	text-align:center;
    background:url(/omatome/images/img_header_bg.jpg) repeat-x center center;
	background-size:cover;
}
#main_block .top_first_block h1{
	width:100%;
	height:200px;
    background:url(/omatome/images/img_header_ti.png) no-repeat center center;
}
#main_block .top_first_block img{
	display:none;
}
#main_block .recommend_itemlist{
	width:100%;
}
#main_block .recommend_item label{
    padding: 15px 0 15px 15px;
}
.make_tool_box_left {
    width: 100%;
    display: block;
    margin: 0 1px 5px 4px;
}
.make_tool_box_right {
    width: 100%;
	text-align:center;
    display: block;
    background: #f0f0f0;
    padding: 5px 0 5px 5px;
    margin: 0 -1px 0 0;
}
.sample_bloack, .all_button{
	width:98%;
}
.top_sec_block .btnset_select_text img{
    width: 90%;
	max-width:426px;
	height:auto;
	margin:0 auto;
}
.top_contents_block02{
	text-align:center;
}
.top_contents_block02_left, .top_contents_block02_right{
	float: none;
	display:inline-block;
}
#main_block .recommend_more{
    margin: 0 auto 5px;
    padding: 15px 0 15px 15px;
    background: url(/omatome/images/img_line_sp.gif) repeat-x center bottom #F8F8F8;
}


#sub_block{
    width: 100%;
    padding:10px 0;
    display: block;
    text-align: center;
}
#sub_block .make_tool{
    display:none !important;
}
#sub_block .login{
    margin: 0 auto;
    width: auto;
    text-align: center;
}
#sub_block .help{
    padding: 0;
    text-align:center;
}
#sub_block .help ul li.help a, #sub_block .help ul li.sukedachi a, #sub_block .help ul li.meyasubako a{
    margin: 0 auto;
}
#sub_block.information{
    width: 92%;
    margin: 0 auto;
}

div#main_block .analytics-point .img a img{
	max-width:560px;
	width:95%;
}


/* スライダーナビ用*/
.responsive_nav a{
    background:url(/omatome/images/icon_menu.png) no-repeat center 3px rgba(255, 255, 255, 0.6);
    position: fixed;
    top:52px;
    right:10px;
    display:block;
    width:30px;
    height:34px;
    z-index:999;
    padding: 5px;
}
.responsive_nav_link{
    color: rgba(255,255,255,0.0) !important;
    font-size: 10px;
}

#pageslide-body-wrap {  
  position: relative;  
}  
  
#pageslide-slide-wrap {  
  position: fixed;  
  width: 0;  
  top: 0;  
  right: 0;  
  height: 100%;  
  background-color: #283138; 
  box-sizing: border-box; 
  overflow: scroll;
}
ul.responsive_nav_map .ninja-ui-i-shuriken{
  display: block !important;
  position: absolute !important;
  top: 16px !important;
  left: 15px !important;
  font-size: 18px !important;
  text-decoration: none !important;
  color: #FFFFFF;
}
.responsive_nav_close{
  background:url(/omatome/images/arrow_slider.png) no-repeat 195px -30px;
  padding: 16px 18px 16px 30px;
  display: block;
  cursor: pointer;
  text-align: right;
}

#secondary {  
  padding: 0;  
  color: #FFFFFF;
  height:100%;
}  
  
#pageslide-content h2 {  
  color: #C60;  
  font-size: 120%;  
  padding-bottom: 20px;  
}  
  
#pageslide-content p {  
  padding-bottom: 15px;  
}  

.responsive_nav_map ul {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #4d4d4d;
}
.responsive_nav_map li {
    display: block;
    margin: 0 10px;
    padding: 3px 0 2px 10px !important;
    line-height: 42px;
    border-top: 1px solid #4d4d4d;
    border-bottom: 1px solid #1a1a1a;
}
.responsive_nav_map li:last-child{
    border-bottom: 1px solid #4d4d4d;
}
.responsive_nav_map li a, .responsive_nav_map li span {
    display: block;
    text-decoration: none;
    color: #fff;
}
.responsive_nav_ti{
    background: #000 !important;
    padding: 0 15px !important;
}


}


@media screen and (max-width:480px) {
#main_block .top_first_block h1{
	background-size:97%;
}
.reco_img_auto{
	width:88%;
}
.reco_img_auto02{
	width:88%;
}
.make_tool_box_note{
	text-align:left;
	padding:0 15px;
}
#sub_block dl.information dl.information_archive{
	font-size:12px;
}
.top_link_block02 img{
	width:95%;
	height:auto;
}
.width95{
	width:95%;
	height:auto;
}
.pp_expand{
	display:none !important;
}
}