/**************************************************************
makeshop web site CSS
left_menu.css
ver 1.00

***************************************************************/

/****     campaign     ****/

div#brankBanner{
	width:160px;
	background:#f6f7f7;/*eef4f7*/
	border:1px solid #e0e0e0;
	padding:5px;
	margin:5px 0 7px 0;
}
div#brankBanner img{
	margin-bottom:5px;
}
div#brankBanner img#end {
	margin-bottom:0px;
}
ul#sample{
	width:160px;
	height:100%;
	border:1px solid #b3b3b3;
	border-top:none;
	margin-bottom:5px;
	padding:5px;
}
ul#sample li{
	width:148px;
	background:#fcf4e5;	
	border:1px solid #efdec6;
	border-bottom:3px solid #e2cfb4;
	padding:5px;
	margin-bottom:5px;
}

ul#sample dt{
	float:left;
	width:75px;
	position:relative;
	height:70px;
	color:#4e3e27;
	font-weight:bold;
}
ul#sample dd a:link img,
ul#sample dd a:visited img,
ul#sample dd a:active img{
	border:1px solid #fff;
}
ul#sample dd a:hover img{
	border:1px solid #ffa500;
}
ul#sample dt img.btn{
	position:absolute;
	bottom:0;
	left:0;
}
ul#sample dd{
	float:right;
	width:70px;
	height:70px;
}

/*▼image-slider▼*/

#slider {
    width: 170px; /* important to be same as image width */
    height: 117px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	border:1px solid /*#3277a4*/#b3b3b3;
	border-top:none;
}
#sliderContent {
    width: 170px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
    padding: 3px 15px 5px 15px;
    width: 140px;
    background-color: #000;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #fff;
    display: none;
	font-weight:bold;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 12px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}
ul#link{
	margin-top:6px;
}
.sample{
	width: 166px;
	border:3px solid /*#3277a4*/#b3b3b3;
	border-top:none;
	background:#fff;
}
*html img{
	vertical-align:bottom;
}

/* left_menu common  *****************************/

img.btm5{
	margin-bottom:5px;
}

/* new!!!! */

.list_box{
	width: 170px;
	border: 1px solid #B6B6B6;
	border-top:none;
	text-align: left;
	margin-bottom:5px;
}

ul#left_menu li a{
	display:block;
	background:#fff url(/images/left/line.gif) repeat-x bottom;
	line-height:16px;
	padding:3px 5px;
	color:#555;
	text-decoration:none;
	height:100%;
	
}
ul#left_menu li.end a,
ul#left_menu li.end a:hover,
dl#left_sample dd.end{
	background-image:none;
}
ul#left_menu li a:hover{
	color:#2288BB;
	background:#e0f5fb url(/images/left/line.gif) repeat-x bottom;
}

/*  end  */

ul#left_menu  h3{
	width:165px;
	height:20px;
	color:#fff;
	margin:0;
	padding:0 0 0 5px;
	line-height:20px;
	font-size:12px;
	background:url(/images/left/h3Bg.gif) no-repeat center left;
	font-weight:normal;
	border:none;
	text-align:left;
	text-indent:0;
}

/* left case_study *****************************/

div#list_box_nomgn p{
	display:block;
	background:url(/main/case_study/images/listBg.gif) no-repeat left bottom;
	font-weight:bold;
	padding:4px 3px 0 15px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:20px;
	color:#575758;
	margin-top:4px;
	clear:both;
	font-size:12px;
}
div#list_box_nomgn ul.leftList,
div#list_box_nomgn ul.casestudyList{
	margin:8px auto;
}
div#list_box_nomgn ul.leftList li,
div#list_box_nomgn ul.casestudyList li{
	font-size:12px;
	margin-left:7px;
}
div#list_box_nomgn ul.leftList li{
	background:url(/main/case_study/images/list.gif) no-repeat left;
	padding-left:12px;
}
div#list_box_nomgn ul.casestudyList li{
	float:left;
	background:url(/main/case_study/images/list02.gif) no-repeat left;
	padding-left:12px;
	width:36%;
	font-size:100%;
}


/* left faq *****************************/

table#faq_table{
	width:172px;
	border-collapse:collapse;
	background-color:#7DA7D9;
	margin:0px auto;
}
table#faq_table td{
	text-align:center;
}
table#faq_intable{
	width:150px;
	border-collapse:collapse;
	background-color:#fff;
	font-size:10px;
	margin:5px auto 12px auto;
}
table#faq_intable td{
	text-align:left;
	padding:4px;
	color:#3d3d3d;
	width:50%;
}
a.faq{
	margin-left:1px;
}
a.faq:link{
	color:#3d3d3d;
}
a.faq:visited{
	color:#3d3d3d;
}
.comment {
	font-size: 10px;
	width: 154px;
	margin-left: 10px;
	margin-bottom: 14px;
	color: #333333;
}
#search_box{
	width:170px;
	border: 1px solid #B6B6B6;
	margin:7px auto;
	padding-bottom:10px;
	text-align:center;
}
#keyword{
	width:80%;
	text-align:left;
	margin:0px auto;
}

/* left sample menu *****************************/

dl#left_sample{
	width:160px;
	margin:5px auto 0;
}
dl#left_sample dt{
	float:left;
	width:58px;
	clear:both;
}
dl#left_sample dt img{
	border:1px solid #777;
}
dl#left_sample dt a:hover img{
	border:1px solid #2592ca;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
dl#left_sample dd{
	padding-left:63px;
	font-size:10px;
	line-height:1.4;
	background:#fff url(/images/left/line.gif) repeat-x bottom;
	padding-bottom:7px;
	margin-bottom:3px;
}


/* left function banner *****************************/

img.mgn6{
	margin-bottom:6px;
}
.top_repo{
	width: 172px;
	font-size: 10px;
	text-align:left;
}
.right_text_s{
	text-align:right;
	font-size: 10px;
}
p.date{
	margin-bottom:4px;
	line-height:1;
	color:#d60839;
	border-left:3px solid #d60839;
	padding-left:4px;
}

/* left mailmagagine *****************************/
#mailmaga_box {
	width: 172px;
	color: #333333;
	text-align:center;
	margin-bottom: 6px;
}
#mailmaga_box img{
	vertical-align:bottom;
}
table#mail_table{
	width:90%;
	margin:0 auto ;
}
#mail_form{
	background:url(/images/mailBg.gif) no-repeat bottom;
	margin:0 auto;
}

#mail_form img{
	/*margin-bottom:5px;*/
}
/* left other site *****************************/
.other_site{
	width: 172px;
	font-size: 10px;
	margin:5px auto 0px auto;
}
.site_box{
	width:150px;
	margin:5px;
	text-align:left;
}

/* left link *****************************/

#support_box{
	width: 172px;
	height:162px;
	margin-bottom:5px;
}
#support_box img{
	vertical-align:bottom;
}
#supportBg{
	width:172px;
	height:121px;
	background:url(/images/supportBg.gif) no-repeat;
	text-align:center;
	padding:8px 0;
}
#supportBg img{
	margin-top:5px;
}
#supportTime a:link,
#supportTime a:visited,
#supportTime a:active{
	color:#ff0000;
	text-decoration:underline;
	font-size:11px;
}
#supportTime a:hover{
	color:#ff0000;
	text-decoration:none;
	font-size:11px;
}
p#supportTime{
	text-align:left;
	margin:7px 10px;
	line-height:1.3;
}
p#supportTime a.em{
	color:#ff0000;
	text-decoration:underline;
	font-weight:bold;
}
p#supportTime a:hover.em{
	text-decoration:none;
}
img#yoyakuBn{
	margin-bottom:7px;
}
ul#link li{
	text-align:left;
	margin-bottom:5px;
	font-weight:bold;
}
ul#link li p{
	font-weight:normal;
	font-size:95%;
	color:#696767;
	line-height:1.2;
}
ul#link li img{
	vertical-align:middle;
	margin-right:3px;
}

/* left banner *****************************/

#bannerBox{
	width: 172px;
	text-align:center;
}
#banner{
	border: 1px solid #B6B6B6;
	border-top:none;
	padding:5px 0;
}
#bannerBox img{
	vertical-align:bottom;
}
#banner img{
	margin-top:5px;
}
#log{
	COLOR: #333333;
	margin-left: 10px;
	height: 14px;
	width: 150px;
	clear: both;
	font-size:1.2em; 
	line-height: 14px;
}
#log_form{
	text-align: left;
	font-weight:bold;
	margin:10px 0px 6px 10px;
}
#log_form_in{
	text-align:left;
	line-height:130%;
	margin:0px 0px 10px 10px;
}

/*r_left case_study *****************************/

#left_list2 li a{
	display: block;
	width:154px;
	padding-left:5px;
	font-size:12px;
	color: #000099;
	width: 154px;
	margin-left: 7px;
	margin-top: 5px;
	margin-bottom:3px;
	text-decoration: none;
	background-color:#fff;
}
#left_list2 li a:visited{
	color: #000099;
}
#left_list2 li a:hover{
	color: #cc0000;
	display:block;
}
#left_list2 li a:active{
	color: #000099;
}
img#img_mgn5{
	margin:5px 0px;
}
dl.top_movie dd{
	float:left;
	width:60%;
}
dl.top_movie dt{
	float:right;
	width:39%;
}
dl.top_movie:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}  



/*h_left 代理店ログイン *****************************/

#login_box{
	width: 150px;
	border: 1px solid #B6B6B6;
	text-align: left;
	margin-bottom:6px;
	padding:10px;
}
img#partner{
	margin-bottom:6px;
}


/* left topmenu  *****************************/


.left_top{
	width: 170px;
	height:137px;
	font-size:1.2em;
	font-style: normal;
	text-align:left;
	margin-bottom: 3px;
	border: 1px solid #B6B6B6;
	padding-top: 7px;
	overflow: hidden;
	position: relative;
}




.left_seminar{
	width: 170px;
	height:95px;
	font-size: 10px;
	text-align:left;
	margin-bottom: 3px;
	border: 1px solid #B6B6B6;
	line-height: 16px;
}
table#mailmaga{
	width:140px;
	background-color:#f5f5f5;
	border-collapse:collapse;
}
table#mailmaga td{
	text-align:center;
}

.td_left_border{
	padding-left:10px;
}

.left_top_img2{
	margin-bottom: 6px;
}


/* function infobar */
#infoBar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/infoBar.gif) no-repeat scroll 0 0;
height:24px;
margin-bottom:5px;
}
#infoBar p img {
float:left;
margin:7px 5px 0 0;
}
#infoBar #title {
float:left;
margin:3px;
width:80px;
}
#infoBar p {
color:#666666;
float:right;
font-size:11px;
font-weight:bold;
line-height:24px;
width:720px;
}
#infoBar a {
font-weight:normal;
margin-left:5px;
}
#infoBar a:link, #infoBar a:visited, #infoBar a:active {
color:#2C7CC7;
text-decoration:underline;
}
#infoBar a:hover {
color:#10518E;
text-decoration:none;
}

.casestudy {
	font-size:1.2em;
	color: #000099;
	margin-left: 7px;
	display: block;
	margin-bottom: 3px;
	line-height: 18px;
	padding-left: 5px;
	margin-top: 5px;
	text-decoration: none;
}


/* 20100318 つながりやすい時間帯 */

#condition table{
	width:100%;
	border:2px solid #1965B7;
	border-bottom-width:2px;
	border-right-width:2px;
	margin-bottom:5px;
	_margin:5px 0;
}
#condition a:hover{
	text-decoration:none;
}
#condition table th,
#condition table td{
	border-bottom:1px solid #1965B7;
	border-right:1px solid #1965B7;
	padding:3px 0;
	text-align:center;
}
#condition table th{
	width:30px;
	font-weight:bold;
}
#condition table thead td{
	background:#1965B7;
	color:#fff;
	font-weight:bold;
}
#condition table tbody th{
	background:#ccebff;
	color:#1965b7;
}
#condition table tbody td{
	width:45px;
}
#condition table img,#condition p img{
	vertical-align:middle;
}
#condition p{
	font-size:11px;
	color:#555;
	margin-bottom:5px;
}
#condition p a{
	background:#ccebff;
	padding:2px;
	text-decoration:underline;
}
/*********************** seminar *************************/
#seminarInfo{
	width:160px;
	height:100%;
	border:1px solid #0165ae;
	border-top:none;
	margin-bottom:5px;
	padding:5px;
	background:#dfeef8;
	text-align:center;
}
#seminarInfo li{
	border-bottom:1px dotted #0165ae;
	padding-bottom:5px;
	margin-bottom:5px;
	text-align:left;
	font-size:11px;
}
#seminarInfo .seminarDate{
	font-size:11px;
	background:url(/images/calendarIcon.gif) no-repeat left top;
	padding-left:15px;
}
#seminarInfo a:link,
#seminarInfo a:visited,
#seminarInfo a:active{
	text-decoration:underline;
}
#seminarInfo a:hover{
	color:#ff0000;
}