@charset "utf-8";



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

	* Layout Style + Template Style {

		* author : ForefrontService;
	
	}
	
-------------------------------- */

#page_img {
    background-image: url(/img/page_title.jpg);
    background-repeat: repeat-x;
    height: 320px;
    clear: both;
}


#title01{
    background-image: url(/img/title_01.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title02{
    background-image: url(/img/title2.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title03{
    background-image: url(/img/title3.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title04{
    background-image: url(/img/title4.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title05{
    background-image: url(/img/title5.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title06{
    background-image: url(/img/title6.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title07{
    background-image: url(/img/title7.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title08{
    background-image: url(/img/title8.jpg);
    font-size: 40px;
    padding: 60px 15px;
}

#title09{
    background-image: url(/img/title_out.jpg);
    font-size: 40px;
    padding: 60px 15px;
}




.main_btn{
    position: absolute;
    bottom: 0px;
}


#clear_box{
clear:both;
overflow:hidden;
}
.f_left{
float:left;
line-height: 30px;
}
.infotel{
float:right;
}
.infotel {
    float: left;
    padding: 20px;
    text-align: center;
    width: 340px;
    background-color: #BEDFEA;
    margin-left: 45px;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}
.tel_txt{
font-size:16px;
}
.tel_num{
font-size:30px;
}



dl.privacy{
margin:10px 0;
}

dl.privacy dt{
    background-color: #00508b;
    color: #FFF;
    font-size: 16px;
    padding: 2px 10px;
    clear: both;
	margin-bottom:5px;
}
dl.privacy dd{
    font-size: 12px;
    //padding: 2px 10px;
	margin-bottom:20px;
}
dl.privacy ul{
list-style-type: decimal;
margin: 10px 0 0 20px;
}
dl.privacy ul li{
    list-style-type: decimal;
}
dl.privacy p{
	font-size:12px !important;
        margin-top:10px;
}

.text-box span{
font-weight:bold;
}

ul.sitemap{
margin-bottom:50px;
}
ul.sitemap ul{
margin:20px 20px 0 20px;
}
ul.sitemap ul ul{
margin:0px 20px 20px 20px;
}
ul.sitemap ul li{
margin:0px 20px 10px 20px;
}
ul.sitemap ul ul li{
margin:10px 20px 10px 20px;
}

ul li.first {
    border-left: 10px #1F57AA solid;
    padding: 3px 10px;
    border-bottom: 1px dotted #6D6D6D;
    width: 95%;
}
ul.sitemap a{
color:#000;
}


div#two_column p{
font-size:16px;
margin-bottom:15px;
}

div.pan ul li{
float:left;
}
div.pan{
overflow:hidden;
}


h3.main_title{
font-size:22px;
font-weight:bold;
letter-spacing:0.03em;
text-align: center;
}
h3.main_title span{
font-size:46px
}

.top_service1 h4 span {
    background: #f2644c;
    display: block;
    width: 213px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 14px;
}


.top_service2 h4 span {
    background: #58bda8;
    display: block;
    width: 213px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 14px;
}

.top_service3 h4 span {
    background: #d6b736;
    display: block;
    width: 213px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 14px;
}

.top_service3 h4 span.se4 {
    background: #9db455;
    display: block;
    width: 213px;
    padding: 5px 10px;
    color: #FFF;
    font-size: 14px;
}

.top_service1 p {
    margin-top: 10px;
}
.top_service2 p {
    margin-top: 10px;
}
.top_service3 p {
    margin-top: 10px;
}



.top_service1 {
    width: 240px;
    float: left;
    position: relative;

}

.top_service2 h4 span {

}
.top_service2 {
    width: 310px;
    float: left;
    position: relative;
}

.top_service3 h4 span {

}
.top_service3 {
    width: 310px;
    float: left;
    position: relative;
}

.top_service4 {
    width: 310px;
    float: left;
	position: relative;
}
.top_service5 {
    width: 310px;
    float: left;
    margin-left: 37px;
	position: relative;
}
.top_service6 {
    width: 310px;
    float: right;
	position: relative;
}

.top_service4 h4 span {
    position: absolute;
    top: 15px;
    text-align: center;
    width: 308px;
    color: #FFF;
    font-size: 22px;
	font-weight:bold;
    z-index:100;
}
.top_service5 h4 span {
    position: absolute;
    top: 15px;
    text-align: center;
    width: 308px;
    color: #FFF;
    font-size: 22px;
        font-weight:bold;
    z-index:100;
}
.top_service6 h4 span {
    position: absolute;
    top: 15px;
    text-align: center;
	        font-weight:bold;
    width: 308px;
    color: #FFF;
    font-size: 22px;
    z-index:100;
}

.box_wrap h5{
font-size:16px;
font-weight:bold;
border-bottom:1px dotted #CCC;
padding:5px 0;
margin-bottom:5px;
}
.box_wrap h5 a{
color:#1254B6;
}

.box_wrap{
margin-bottom:26px;
font-size:14px;
}


h4#topmain_content1 {
background: url(../img/top_con1_1.jpg) no-repeat left bottom;
width:330px;
height:220px;
}

ul.news_list .text p span{font-weight: normal;}
p.news_body #pt1{margin-bottom: 15px;margin-top: 25px;font-size: 22px;font-weight: bold;color: #0563C9;display: block;border-left: 15px solid #3F3F3F;line-height: 30px;padding-left: 10px;padding-top: 3px;}
p.news_body #pt2{font-size: 18px;font-weight: bold;color: #FFA300;display: block;border-bottom: 1px dotted #6B6868;margin-bottom: 0px;}
p.news_body #pt3{font-size: 16px;display: block;margin-bottom: 25px;margin-top: 15px;}
p.news_body #pt4{display: block;text-align: center;background: #012F92;width: 300px;margin: 0 auto;margin-top: 20px;font-size: 18px;color: #FFF;border-radius: 0.5em 0.5em 0.5em 0.5em;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);font-weight: bold;margin-bottom: 20px;}
p.news_body #pt4 a{color: #FFF;color:#FFF !important;padding: 20px;display: block;}


/*実績詳細*/

#two_column #left .portfolio_view_title span{
font-weight:bold;
font-size:14px;
}

#two_column #left .portfolio_view_title h3{
background-color: transparent;
font-weight:bold;
font-size:20px;
padding:0px;
color:#000;
}

.portfolio_view p{
font-size:12px;
padding:10px;
margin-bottom:10px;
line-height:20px;
}

.portfolio_view .portfolio_box li {
margin: 0 0 0px 0;
padding: 0px;
background-color: transparent;
float: left;
clear: none;
}

.portfolio_view .portfolio_box {
font-size: 12px !important;
margin-bottom: 10px;
background-color: #FFF;
padding: 0px;
margin-top: 10px;
}

.portfolio_view .portfolio_box div.title{
background-color: #228D3C;
width: 50px;
padding: 2px 10px;
text-align: center;
color: #FFF;
font-size: 12px;

}

.portfolio_view .portfolio_box dd {
overflow: hidden;
font-size: 12px;
margin: -1.6em 0 5px 0;
padding: 0 0 5px 7em;
color: #000;
/*background: url(../img/works/entry_line.png) no-repeat left bottom;*/
border-bottom: 1px dotted #CCC;
}

.portfolio_view #img_area_bg img{
width:auto;
}

ul.portfolio_list li{
position:relative;
}
.portfolio_view_link {
position: absolute;
right: 15px;
bottom: 10px;
}
.portfolio_body p{
margin-bottom:40px;
}
.portfolio_view_link {
position: absolute;
right: 15px;
bottom: 10px;
background-color: #0367D3;
padding: 8px 20px;
text-align: center;
color: #FFF;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
}
.portfolio_view_link:hover {background-color: #2D89EC;}
.portfolio_view_link a{
color: #FFF;
}




/*FAQ*/

.st-content a{
color: #1d5bba;
}
.st-content a:hover{
text-decoration: underline;
}


/*エラー/アラート*/
.errorMsg{
color:#F00;
}

#popup_container {
	font-family: Arial, sans-serif;
	font-size: 12px;
	min-width: 300px; /* Dialog will be no smaller than this */
	max-width: 600px; /* Dialog will wrap after this width */
	background: #FFF;
	border: solid 5px #999;
	color: #000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#popup_title {
	font-size: 14px;
	font-weight: bold;
	text-align: center !important;
	line-height: 1.75em;
	color: #666 !important;
	background: #CCC url(images/title.gif) top repeat-x;
	border: solid 1px #FFF;
	border-bottom: solid 1px #999;
	cursor: default;
	padding: 0em;
	margin: 0em;
}

#popup_content {
	background: 16px 16px no-repeat url(images/info.gif);
	padding: 1em 1.75em;
	margin: 0em;
}

#popup_content.alert {
	background-image: url(images/info.gif);
}

#popup_content.confirm {
	background-image: url(images/important.gif);
}

#popup_content.prompt {
	background-image: url(images/help.gif);
}

#popup_message {
	padding-left: 48px;
}

#popup_panel {
	text-align: center;
	margin: 1em 0em 0em 1em;
}

#popup_prompt {
	margin: .5em 0em;
}

.portfolio_bar img{
	vertical-align: middle;
	padding-right:10px;
}

.portfolio_title h4 a{
	color:#FFF;
}
.portfolio_title h4 a:hover{
	text-decoration: underline;
}


/*制作実機*/

.portfolio_view #img_area{
margin-bottom:20px;
}

.portfolio_title a{
color: #3AA8FF;
}

.portfolio_title a:hover{
text-decoration: underline;
}

ul.portfolio_list li{
    clear: both;
    margin: 0 0 15px 0;
    overflow: hidden;
    padding: 10px;
    background-color: #fdfdfd;
    border: 1px solid #CCC;
    margin-bottom:20px;
}

ul.portfolio_list .photo img{
width:250px;
height:auto;
border:1px solid #CCC;
}
ul.portfolio_list .photo {
float:left;
padding: 5px;
}

ul.portfolio_list .text {
float: left;
width: 710px;
padding: 5px 5px 5px 10px;
}

ul.portfolio_list .text span{
font-weight: bold;
}
ul.portfolio_list .text h3{
font-weight: bold;
font-size:16px;
}

.portfolio_title h4{
font-size:18px;
font-weight:bold;
}

.portfolio_link{
font-size:11px;
}

.portfolio_box{
font-size:10px;
margin-bottom:10px;
/*
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #383838));
background: -webkit-linear-gradient(top, #383838 0%, #000000 100%);
background: -moz-linear-gradient(top, #383838 0%, #000000 100%);
background: -o-linear-gradient(top, #383838 0%, #000000 100%);
background: -ms-linear-gradient(top, #383838 0%, #000000 100%);
background: linear-gradient(top, #383838 0%, #000000 100%);
*/
background-color: #476eaf;
padding:0px;
}

ul.portfolio_list .portfolio_box li{
margin:0 0 0px 0;
padding: 0px;
background-color: transparent;
float:left;
clear: none;
}

.portfolio_box dl {
	padding: 10px;
	font-size: 83.3%;
}

.portfolio_box dt {
	color: #3AA8FF;
}

.portfolio_box dd {
	overflow: hidden;
	margin: -1.5em 0 5px 0;
	padding: 0 0 5px 5.5em;
	color: #fff;
	/*background: url(../img/works/entry_line.png) no-repeat left bottom;*/
}

.portfolio_box dd.last {
        padding: 0 0 0px 5.5em;
	margin: -1.5em 0 0px 0;
}

.portfolio_body{
	font-size:12px;
}

.portfolio_title {
padding: 10px;
color: #FFF;

/*
background: url(/img/line.png) no-repeat left bottom;
*/
}

/****add start by ichikawa 20160316****/

.portfolio_box .worlscopecate a{
color: #fff;
}

.portfolio_box .worlscopecate a:hover{
text-decoration: underline;
}

li[class^="workscope"] a {
color: #fff;
}

li[class^="workscope"] a:hover {
text-decoration: underline;
}

.portfolio_box li[class^="staff"] a {
color: #fff;
}

.portfolio_box li[class^="staff"] a:hover {
text-decoration: underline;
}

/****add end by ichikawa 20160316****/



/*採用情報*/


.table_margin{
margin-top:20px;
}

.main_body table{
width:100%;
border:2px solid #414141;
background-color: #929292;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-collapse:separate;
border-spacing:1px;
}

.main_body table th{
background-color: #92BCD8;
vertical-align:middle;
padding:15px 15px;
font-size:12px;
font-weight:bold;
text-align:left;
color: #000;
}

.main_body table td{
padding:15px 15px;
font-size:12px;
background-color: #FFF;
color: #000;
}



/* add */

a.link{
        color:#1254B6;
}

a.link:hover{
        text-decoration: underline;
}


#main_img a:hover img,.side_inq a:hover img{
	opacity			: 1;
	filter			: alpha(opacity=100);
}

header #info li a:hover img{
        opacity                 : 1;
        filter                  : alpha(opacity=100);
}


#totop a:hover img{
        opacity                 : 1;
        filter                  : alpha(opacity=100);
}


#totop{text-align:right;}
.footer_bg a{
color:#000;
}

#faq_area .category{
margin-bottom:5px;
margin-top:25px;
}

.faqbox {
margin-bottom: 10px;
padding: 10px 20px;
background: #ECECEC;
border-radius: 1em;
}

/*お問い合わせ*/

.essential,.att{
color:#F00;
}

.center_btn{
text-align:center;
margin-bottom:10px;
}
.blue_button {
    background: #012F92;
}

input.blue_button:hover {
    background: #1F87F7;
}


.glay_button {
    background: #464646;
}

.form_btn2 {
float: left;
margin-left: 120px !important;
margin-bottom: 30px !important;
}


.form_button {
    border-radius: 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    width: 100%;
}

.w190{
width:250px;
height:30px;
background: #efefef;
margin: 0;
font-size: 14px;
border: 1px solid #dbdbdb;
}

.w430{
width:500px;
height:200px;
background: #efefef;
margin: 0;
font-size: 14px;
border: 1px solid #dbdbdb;
}


/*自社サービス*/
.own_last{
margin-top:15px;
margin-bottom:50px;
}


/*sp*/
ul#smart_pic{
clear:both;
overflow:hidden;
margin-bottom:20px;
}
ul#smart_pic li{
float:left;
width: 375px;
}
ul#sp_point li {
border-bottom: 1px dotted #CCC;
font-size: 18px;
padding: 10px 0;
}
/*ec*/
.ec_text {
margin-bottom: 25px;
font-size:16px;
}
.ec_text2 {
margin-bottom: 20px;
font-size:14px;
}

ul#ec_list{
clear:both;
overflow:hidden;
margin-bottom:20px;
}
ul#ec_list li{
float:left;
}


/*独自システム開発*/

#sys01 p,#sys02 p,#sys03 p,#sys04 p {
padding: 10px 0;
border-top: 1px dotted #CCC;
width: 505px;
margin-top: 10px;
}
#sys01{
background-image: url(/img/sys_01.jpg);
height:200px;
margin-bottom:30px;
}
#sys02{
background-image: url(/img/sys_02.jpg);
height:200px;
margin-bottom:30px;
}
#sys03{
background-image: url(/img/sys_03.jpg);
height:200px;
margin-bottom:30px;
}
#sys04{
background-image: url(/img/sys_04.jpg);
height:200px;
margin-bottom:30px;
}
#sys01 h4 {
font-size: 24px;
padding: 5px 0 0 85px;
line-height: 31px;
}
#sys02 h4,#sys03 h4,#sys04 h4 {
font-size: 24px;
line-height: 31px;
padding: 5px 0 0 90px;
}
/*サービス一覧*/

ul.service_list{
clear:both;
overflow:hidden;
margin-top:20px;
}

ul.service_list li{
margin-bottom: 0px;
    float: left;
    width: 360px;
    min-height: 330px;
    margin: 0px 7px;
}

ul.service_list #sys{
background-image: url(/img/sa_01.png);
}
ul.service_list #ec{
background-image: url(/img/sa_02.png);
}
ul.service_list #sp{
background-image: url(/img/sa_03.png);
}
ul.service_list #owned {
    background-image: url(/img/sa_04.png);
}
ul.service_list #server {
    background-image: url(/img/sa_05.png);
}
ul.service_list #streaming {
    background-image: url(/img/sa_06.png);
}

.server_list li{
float:left;
}

.server_list li a {
    display: block;
    width: 119px;
    padding: 5px 0px;
    text-align: center;
background-color: #044D84;
	color:#FFF;
    margin: 3px;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
ul.server_list {
	margin:20px 0 30px 0;
	overflow:hidden;
}

p.last_border{
padding-bottom:20px;
    border-bottom: 1px dotted #CCC;
}
.server_list li a:hover {
background-color: #226DA6;
}

#two_column #left ul.service_list li h3 {
background-color: transparent;
    color: #165894;
    font-size: 22px;
    padding: 0px 0px 0px;
    border-left: 15px solid #2b66a0;
    padding-left: 15px;
    margin: 10px 0;
}
#two_column #left ul.service_list li p {
color: #000;
    font-size: 16px;
    padding: 20px 20px 0px 0;
    /* width: 237px; */
}

ul.service_list li a{

}
ul.service_list li:hover{
//background-color: #CCC;
}




	.navigator{overflow:hidden;clear:both;margin-bottom:20px;}
	.navigator ul {float:left;position:relative;left:50%;margin:0 !important;text-align:center}
	.navigator ul:after {content:".";height:0px;font-size:0px;line-height:0px;clear:both;display:block;visibility:hidden}
	.navigator ul a {display:block;width:20px;height:20px;color:#1c1c1c}
	.navigator ul li {float:left;display:inline;position:relative;left:-50%;}
	.navigator ul li  {float:left;display:inline;margin:0 2px;height:20px;width:20px;border:2px solid #666;background:#eee}
	.navigator ul li.current,.navigator ul li :hover {background:#008fd6;color: #FFF;}



	ul.paginator {float:left;position:relative;left:50%;margin:0 !important;text-align:center}
	ul.paginator:after {content:".";height:0px;font-size:0px;line-height:0px;clear:both;display:block;visibility:hidden}
	ul.paginator a {display:block;width:20px;height:20px;color:#1c1c1c}
	ul.paginator li {float:left;display:inline;position:relative;left:-50%;margin:0 !important}
	ul.paginator li span {float:left;display:inline;margin:0 2px;height:20px;width:20px;border:2px solid #666;background:#eee}
	ul.paginator li span.current,ul.paginator li span:hover {border:2px solid #d0111a;background:#008fd6}


/* common */

.m_black2 {
background-image: url(/img/m_black.jpg);
font-size: 27px !important;
color: #000 !important;
width: 715px !important;
height: 28px !important;
padding: 3px 0px 10px 32px !important;
margin-bottom: 20px !important;
margin-top: 20px !important;
}

#form_banner{
text-align: center;
margin-bottom: 35px;
}
.last_margin{
margin-bottom:50px !important;
}

.m_blue {
background-image: url(/img/m_blue.jpg);
font-size: 20px;
color: #FFF;
width: 700px;
height: 23px;
padding: 10px 0px 10px 50px !important;
margin-bottom: 15px;
}

.m_blue2 {
background-image: url(/img/m2.jpg);
font-size: 20px;
color: #FFF;
width: 700px;
height: 41px;
    padding: 8px 0px 12px 50px !important;
margin-bottom: 15px;
}

.side_inq li{
margin-bottom:10px;
}

.m_green {
background-image: url(/img/m_green.jpg);
font-size: 20px;
color: #FFF;
width: 700px;
height: 23px;
padding: 10px 0px 10px 50px !important;
margin-bottom: 15px;
}
.m_orange {
background-image: url(/img/m_orange.jpg);
font-size: 20px;
color: #FFF;
width: 700px;
height: 23px;
padding: 10px 0px 10px 50px !important;
margin-bottom: 15px;
}

.m_black {
background-image: url(/img/m_black.jpg);
font-size: 36px !important;
color: #000 !important;
width: 715px !important;
height: 39px !important;
padding: 6px 0px 10px 32px !important;
margin-bottom: 30px !important;
}

.btn_title{
position: relative;
}
.btn_title p {
position: absolute;
top: 0;
right: 0;
}

.pan{
background-color: #dedede;
padding: 5px 10px;
margin-bottom: 10px;
}
.pan a{
color:#1d5bba;
}


.page_title{
background-image: url(/img/title_bg.jpg);
height: 67px;
width:1000px;
margin:20px 0 10px 0;
}

.page_title h2{
font-size:28px;
line-height: 35px;
font-weight:bold;
}


.page_title_two{
background-image: url(/img/title_bg.jpg);
height: 67px;
width:750px;
margin:10px 0;
}

.page_title_two h2{
font-size:28px;
line-height: 35px;
font-weight:bold;
}
.page_title_two span{
font-size:12px;
}



ul#bottom_area li{
float:left;
padding-right:20px;
}
ul#bottom_area li.end{
padding-right:0px;
}

#two_column{
clear:both;
overflow:hidden;
width:1000px;
}

#two_column #left{
float:left;
width:750px;
margin-right:20px;
font-size: 14px;
}
#two_column #left p.last{
padding: 10px 0 20px 0;
}
#two_column #right{
float:right;
margin-top:0px;
}

#two_column #left h3{
background-color: #00508b;
color: #FFF;
font-size: 16px;
padding: 2px 10px;
clear: both;
}

#two_column #left.blog h3{
    background-color: #FFF !important;
    color: #060606;
    font-size: 18px;
    padding: 2px 0px;
    clear: both;
}

.blog_side{
background: #427fd2;
    color: #FFF;
    width: 200px;
    padding: 5px;
}

ul.side_menu{
margin-bottom:15px;
}

ul.side_menu li{
background-image: url(/img/sidemenu.jpg);
width:210px;
margin-bottom:5px;
color:#000;
}
ul.side_menu li.selected{
background-image: url(/img/sidemenu_ro.jpg);
color:#FFF;
}

ul.side_menu li a{
display: block;
//width: 100%;
padding: 11px 0px 10px 35px;
color:#000;
}
ul.side_menu li:hover{
background-image: url(/img/sidemenu_ro.jpg);
color:#FFF;
}
ul.side_menu li.selected a{
color:#000;
}
ul.side_menu li:hover a{
color:#FFF;
}

ul#bottom_area_left li{
float:left;
}

.bottom_area_left_title{
background-color: transparent;
padding:0px !important;
margin-bottom:10px;
margin-top:30px;
}

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

	 News
 
============================================================================================================*/

ul.news_list li{
clear:both;
margin:0 0 10px 0;
overflow:hidden;
border-bottom: 1px dotted #636363;
padding-bottom: 10px;
}

ul.news_list .photo img{
width:160px;
height:100px;
}
ul.news_list .photo {
float:left;
padding: 5px;
}

ul.news_list .text {
float: left;
width: 670px;
padding: 5px 5px 5px 20px;
}

ul.news_list .text span{
font-weight: bold;
}
ul.news_list .text h3{
font-weight: bold;
font-size:16px;
}
ul.news_list a{
color:#000;
display: block;
width: 100%;
height: 110px;
background-image: url(/img/news_list.jpg);
background-position:right;
background-repeat: no-repeat;
}
ul.news_list a:hover{
background-image: url(/img/news_list_hover.jpg);
}

ul.news_list a:hover h3{
text-decoration: underline;
}

#counter{
text-align: right;
}

ul.news_list .text p{
margin-top: 10px;
}

#img_area{
margin:10px 0;
}

#img_area_bg{
text-align: center;
background-color: #F1F1F1;
}
#img_area_bg img{
width:500px;
}

.news_body{
padding:10px;
font-size:14px;
margin-bottom:20px;
}
.news_title span{
font-weight:bold;
font-size:14px;
}

.news_title h3{
font-weight:bold;
font-size:20px;
padding-bottom:5px;
}

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

          faq

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

/* Flexible Slide-to-top Accordion Style*/
.wrapper{
	width:90%;
	max-width:800px;
	margin:30px auto;
}
.st-accordion{
    width:745px;
    min-width:270px;
}
.st-accordion ul li{
    height: 50px;
    border-bottom: 1px solid #c7deef;
    border-top:1px solid #fff;
    overflow: hidden;
}
.st-accordion ul li:first-child{
    border-top:none;
}
.st-accordion ul li > a{
    text-shadow: 1px 1px 1px #fff;
    font-size: 16px;
    display: block;
	position: relative;
    line-height: 51px;
	outline:none;
    -webkit-transition:  color 0.2s ease-in-out;
	-moz-transition:  color 0.2s ease-in-out;
	-o-transition:  color 0.2s ease-in-out;
	-ms-transition:  color 0.2s ease-in-out;
	transition:  color 0.2s ease-in-out;
color:#1d5bba;
}
.st-accordion ul li > a span{
	background: transparent url(/img/down.png) no-repeat center center;
	text-indent:-9000px;
	width: 26px;
	height: 14px;
	position: absolute;
	top: 50%;
	right: -26px;
	margin-top: -7px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in-out;
	-moz-transition:  all 0.2s ease-in-out;
	-o-transition:  all 0.2s ease-in-out;
	-ms-transition:  all 0.2s ease-in-out;
	transition:  all 0.2s ease-in-out;
}
.st-accordion ul li > a:hover{
    color: #1693eb;
}
.st-accordion ul li > a:hover span{
	opacity:1;
	right: 10px;
}
.st-accordion ul li.st-open > a{
    color: #1693eb;
}
.st-accordion ul li.st-open > a span{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
    transform:rotate(180deg);
	right:10px;
	opacity:1;
}
.st-content{
    padding: 5px 0px 30px 0px;
}
.st-content p{
    font-size:  16px;
    font-style: italic;
    line-height:  28px;
    padding: 0px 4px 15px 4px; 
}
.st-content img{
    width:125px;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
@media screen and (max-width: 320px){
	.st-accordion ul li > a{
		font-size:36px;
	}
}


#faq_area{padding:10px 0;}

#faq_area h4{font-size:16px;font-weight:bold;padding:10px 0;}

#faq_area .faqbox h4{color:#1d5bba;cursor:pointer;font-size:16px;font-weight:normal;}

.answer{padding-bottom:5px;margin-bottom: 15px;border-bottom: 1px dotted #CCC;}

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

          company

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



div.info_btn a{
	text-align: center;
	padding: 30px;
    display: block;
    width: 80%;
    margin: 0 auto;
    background-color: #A4CFF1;
    color: #236EA7;
    font-size: 24px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    box-shadow: 5px 5px 5px rgba(183, 183, 183, 0.4);
    border: 2px solid #B1B1B1;
	    font-weight: bold;
}

.table_box table{
//width: 750px;
width:100%;
}

input:focus,textarea:focus,select:focus{ background-color: #dee!important;}

.att_box{
    background-color: #F00;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    color: #FFF;
    padding: 3px 10px;
    float: right;
}

.form_box input{
width:100%
}
.form_box textarea{
width:100%;
height:200px;
}
.form_box .form_button{
width: 60%;
height: 80px;
font-size:16px;
margin-bottom:50px;
}


.table_box table th{
padding: 10px;
text-align: left;
//width: 180px;
border-bottom: 1px dotted #ACA7A7;
width: 30%;
}
.table_box table td{
padding: 10px;
text-align: left;
border-bottom: 1px dotted #ACA7A7;
}

.table_box{
margin-bottom:25px;
}

ul.bottom_line{
margin:10px 0 20px 0;
}
ul.bottom_line li{
border-bottom: 1px dotted #A3A3A3;
padding: 10px 0;
}

.m20{
margin:20px 0;
}

#two_column .img_left{
float:left;
width:250px;
padding-right:10px;
}
#two_column .text_right{
float:right;
width:480px;
}
#two_column .img_left img,#two_column .img_right img{
width:250px;
}

#two_column .img_right{
float:right;
width:250px;
padding-right:10px;
}
#two_column .text_left{
float:left;
width:480px;
}


.staff .selfRepInner {
    background-color: #F9F9F9;
    overflow: hidden;
    padding: 45px;
border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.staff .secLeft {
    float: left;
}

.staff .secRight{
	width: 445px !important;
	float: right;
}

.btn_style1 {
    display: block;
    text-align: center;
    background: #012F92;
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 18px;
    color: #FFF;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-weight: bold;
    margin-bottom: 20px;
}
.btn_style1 a {
    color: #FFF;
    color: #FFF !important;
    padding: 20px;
    display: block;
}

.photo_box{
    overflow: hidden;
    margin-bottom: 35px;
}
.photo_left{
	float:left;
	width:200px;
}
.photo_right {
    float: right;
    width: 540px;
}
.photo_left2 {
    float: right;
}
.photo_right2 {
    float: left;
    width: 545px;
}
ul.tag_list li{
	float:left;
margin: 0px 5px;
    padding: 5px;
    background-color: rgba(0, 146, 255, 0.24);
}
div.tag_box{
	overflow:hidden;
	margin-bottom:20px;
}
ul.tag_list{
float: right;
}




























.detail_sam li{
	float:left;
}
ul.detail_sam {
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	overflow:hidden;
}

.color_sam li{
	float:left;
	padding-right:5px;
}
ul.color_sam {
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	overflow:hidden;
}
.color_sam li:nth-child(4){
	float:left;
	padding-right:0px;
}

.wig_review_area{clear:both; overflow:hidden; margin:10px 0}
.wig_left{float:left; width:480px}
.review_right{float:right; width:260px}
.wig_area_bg{
	background-image: url(../img/detail/wig_bg.jpg);
	width:460px;
	height:265px;
	padding:10px;
}

.wig_area_bg ul li{
	float:left;
	width:105px;
	font-size:9px;
	line-height:12px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 5px;
}


.item_detail_area{clear:both; overflow:hidden; margin:10px 0}
.item_detail_photo{float:left; width:350px; padding-right:10px;}
.item_detail_text{float:right; width:385px}

.item_detail_photo div{ margin-top:5px;}
.item_detail_photo div a{ color:#4d7fff;}

.item_detail_text .title{font-size:16px; color:#ff3581; font-weight:bold; border-bottom:1px dotted #000; padding-bottom:5px; margin-bottom:5px;}
.item_detail_text .body{font-size:12px; color:#000; border-bottom:1px dotted #000; padding-bottom:5px; margin-bottom:5px;}
.item_detail_text .size{font-size:11px; color:#000;}
.item_detail_text .size span{font-size:11px; color:#ff3563;}

.item_detail_text #select {
background-color: #ffeff5;
padding: 10px;
line-height: 25px;
margin: 10px 0;
}

#price_area{clear:both; overflow:hidden; margin:10px 0}
#price_area #price{float:left; width:230px; padding-right:10px;}
#price_area #kazu{float:right; width:130px}
#price_area #price span{font-size:16px; color:#ff3581; font-weight:bold;}





#detail_area{clear:both; overflow:hidden;}
#detail_area_left{float:left;}
#detail_area_right{float:left; padding-left:15px;}

#detail_area_right h2 #brand{font-size:16px; font-weight:bold}
#detail_area_right h2 #kana{font-size:12px;}
#detail_area_right h2 #color{font-size:14px; font-weight:bold}

#detail_area_right #price_area{padding-top:10px;}
#detail_area_right p #price{font-size:16px; font-weight:bold;}
#detail_area_right p #point{font-size:12px;color: #e13475;}

#pwr_area{clear:both; overflow:hidden;padding-top:20px;}
#pwr_area span{font-weight:bold}
#pwr_left{float:left}
#pwr_right{float:left}

#detail_btn_area{clear:both; overflow:hidden;padding-top:20px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
#detail_btn_area span{font-weight:bold}
#detail_btn_area_left{float:left}
#detail_btn_area_right{float:left}

#detail_btn_area_right{padding-left:10px;}

#kuchikomi{
	background-image: url(../img/ancon-detail_icon1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:16px;
	float:left;
	padding-right:5px;
	color:#e13475;
	text-decoration:underline;
}

#kuchikomi a{
	color:#e13475;
}

#kuchikomi_write{
	background-image: url(../img/ancon-detail_icon2.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:16px;
	float:left;
	color:#666666;
	text-decoration:underline;
}

#kuchikomi_write a{
	color:#666666;
}

#item_inquiry{
	background-image: url(../img/ancon-detail_icon3.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:16px;
	color:#666666;
	text-decoration:underline;
	margin-top:15px;
}

#item_inquiry a{
	color:#666666;
}

#friend_send{
	background-image: url(../img/ancon-detail_icon4.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:16px;
	color:#666666;
	text-decoration:underline;
}

#friend_send a{
	color:#666666;
}

#kuchikomi_area{clear:both; overflow:hidden;padding-top:10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
#kuchikomi_text{color:#e13475;text-align:right;margin-top: 23px;}


.detail_text_area{clear:both; overflow:hidden;padding-top:10px;border-bottom: 1px solid #ccc;padding-bottom: 10px;width: 250px;}
.detail_text_area span{font-weight:bold}














#detail_main{
	border-bottom:#CCCCCC dotted 1px;
	margin:0 0 10px 0;
	padding-bottom:10px;
	}

#detail_box{
	overflow:hidden;

	clear:both;

	margin:10px 0;
	border-bottom:#CCCCCC dotted 1px;
	margin:0 0 10px 0;
	padding-bottom:10px;

	}

#detail_text{
	float:left;
	width:470px;
	}

#detail_sub{
	float:left;
	}

#detail_pickup{
	background-color:#E1FFFF;
	padding:15px;
	font-size:14px !important;
	margin-bottom:10px;
	}

#detail_pickup p{
	margin-bottom:5px;
	}

#detail_spec{
	padding:5px 15px 15px 15px;
	font-size:11px;
	}
	
#detail_sub{
	width:240px;
	padding:10px 0 0 25px;
	}

#detail_sub img{
	width:240px;
	padding:0 0 10px 0;
	}
	
.cart_box{
	overflow:hidden;
	clear:both;
	margin:10px 0;
	border-bottom:#CCCCCC dotted 1px;
	margin:0 0 10px 0;
	padding-bottom:10px;
	position:relative;
	}

.item_image{
	float:left;
	}

.cart_btn_box{
	float:left;
	width:300px;
	padding:0 10px 0 20px;
	}

.social_box{
	float:left;
	position:absolute;
	bottom:15px;
	right:10px;
	}
	
.cart_item_title{
	color:#1c86ff;
	font-size:16px;
	}

.cart_item_price span{
	font-weight:bold;
	font-size:20px !important;
	color:#fa6e94;
	}

.cart_item_point{
	color:#F03;
	}
	
.cart_form{
	overflow:hidden;
	clear:both;
	line-height:35px;
	}

.cart_btn_area{
	width:200px;
	float:right;
	}
.form_cart,.form_buy,.social_btn{
	float:left;
	}


.social_box{
	width:200px;
	}	
.social_box_review{
	position:relative;
	}

.social_box_review span{
	position:absolute;
	left:105px;
	font-size:75%;
	color:#ff52aa;
	top:5px;
	width:100%;
	letter-spacing:-0.1em;
	}

#review_btn{
	clear:both;
	margin:0 0 20px 0;
	overflow:hidden;
	border-bottom:#CCCCCC dotted 1px;
	margin:0 0 10px 0;
	padding:0 0 10px 10px;
	}
	
#review_btn li{
	float:left;
	padding:0 10px 0 0;
	}

.detail_bottom_item{
	padding:0 0 10px 10px;
	clear:both;
	}


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

	 10. registration
 
============================================================================================================*/

.address_search1{float:left; padding-right:10px;}
.address_search2{float:left}

.table_registration{
	width:95%;
	border-collapse: separate !important;
    border-spacing:1px !important;
	background: none repeat scroll 0 0 #CCC;
	margin:0 auto;
	padding:0;
}

.table_registration th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_registration td{
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_registration_bg{
	background-color:#ff597e !important;
	color:#FFF;
	text-align:center !important;
	}

.right{
	text-align:right;
	float:right;
	}

.left{
	text-align:left;
	float:left;
	}

#form_btn{
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
	clear:both;
	}

.txt_box{
	height:25px;
	width:300px;
	}

.txt_box2{
	height:25px;
	width:100px;
	}

.txt_box3{
	height:25px;
	width:150px;
	}


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

	 11. buy
 
============================================================================================================*/

#buy_box_left{
	width:50%;
	float:left;
	}

#buy_box_right{
	width:49%;
	float:right;
	padding-right:1%;
	}

#buy_box{
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	overflow:hidden;
	margin-top:10px;
	}

#form_btn2{
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
	}

.text_box_login{
	margin:15px 0 15px 10px;
	}


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

	 12. shoping cart
 
============================================================================================================*/

.table_shoping_cart{
	width:95%;
	border-collapse: separate !important;
    border-spacing:1px !important;
	background: none repeat scroll 0 0 #b5b6b7;
	margin:0 auto;
	padding:0;
}

.table_shoping_cart th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_shoping_cart td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.table_shoping_cart_bg{
	background-color:#ff597e !important;
	color:#FFF;
	text-align:center !important;
	}

.table_shoping_cart_bg2{
	background-color:#ffb7d2 !important;
	color:#000;
	text-align:center !important;
	}

.table_shoping_cart_bg2_item{
	width:400px !important;
	background-color:#ffb7d2 !important;
	color:#000;
	text-align:center !important;
	}

.shoping_cart_item img{
	vertical-align:middle !important;
	}

.cart_item_img{
    float: left;
    text-align: left;
    width: 80px;
	}

.cart_item_img img {
    height:75px;
    width: 75px;
}

.cart_item_name{
    text-align: left;
    width: 200px;
	}

.item_count{
	width:20px;
	}

.cart_btn1{
	width:95%;
	text-align:right;
	margin:0 auto;
	padding:10px 0 10px 0;
	}


.table_shoping_cart2{
    background: none repeat scroll 0 0 #b5b6b7;
    border-collapse: separate !important;
    border-spacing: 1px !important;
    clear: both;
    float: right;
    margin: 0 20px 0 0;
    width: 40%;
}

.table_shoping_cart2 th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_shoping_cart2 td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.table_shoping_cart2_bg{
	background-color:#ffb7d2 !important;
	color:#000;
	text-align:center !important;
	width:50px;
	}

.table_shoping_cart2_text{
	text-align:right !important;
	}

#shoping_cart_btn{
	width:95%;
	margin:0 auto;
	padding:15px 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	clear:both;
	overflow:hidden;
	}

#shoping_cart_btn #left{
	float:left;
	}

#shoping_cart_btn #right{
	float:right;
	}

.shoping_cart_item,.table_cart_item {
width: 40%;
}


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

	 13. mypage
 
============================================================================================================*/

.mymeu li{
	float:left;
}

#mypage_area{
	background-color:#FFF;
	}

.mypage_box{
	width:95%;
	margin:0 auto;
	padding:10px 0;
	clear:both;
	}
	
h2.mypage_titleh, h3.mypage_title{
	margin:0 0 10px 0 !important;
	padding:0 !important;
	background-image:none !important;
	width:750px !important;
	height:auto !important;
	color:#000 !important;
	}

.mypage_sub_title{
	height:22px;
	background-color:#e13475;
	padding-left:5px;
	padding-top:3px;
	font-weight:normal !important;
	color:#FFF;
	margin-bottom:10px;
	}

.mypage_menu{
	width:700px;
	border-bottom:#CCC solid 1px;
	padding-bottom:5px;
	margin-bottom:10px;
	}

.mypage_menu img{
	vertical-align:middle;
	}

#point_table{
	margin:10px;
    background: none repeat scroll 0 0 #CCCCCC;
    border-collapse: separate !important;
    border-spacing: 1px !important;
	}

#point_table th{
	text-align:left;
	padding:5px;
	vertical-align: center;
	background: none repeat scroll 0 0 #e13475;
	color:#FFFFFF;
}

#point_table td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
	width:200px;
}

.mypage_btn{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
	clear:both;
	}

.mypage_notice{
	margin-left:10px;
	font-size:11px;
	}

.mymenu_add_destination_tabel{
	margin: 10px 10px 20px;
    background: none repeat scroll 0 0 #CCCCCC;
    border-collapse: separate !important;
    border-spacing: 1px !important;
	width:690px;
	}

.mymenu_add_destination_tabel th{
	text-align:center;
	padding:5px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFFFFF;
}

.mymenu_add_destination_tabel td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    vertical-align: middle;
	width:200px;
}

.mymenu_add_destination_tabel .no{
	width:10%;
	}

.mymenu_add_destination_tabel .name{
	width:30%;
	}
	
.mymenu_add_destination_tabel .adress{
	width:30%;
	}

.mymenu_add_destination_tabel .edit{
	width:30%;
	text-align:center;
	margin:0 auto;
	}

.mypage_box p{
	margin-bottom:10px;
	}

.mymenu_review_tabel{
	margin: 10px 10px 20px;
    background: none repeat scroll 0 0 #CCCCCC;
    border-collapse: separate !important;
    border-spacing: 1px !important;
	width:690px;
	}

.mymenu_review_tabel th{
	text-align:center;
	padding:5px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFFFFF;
}

.mymenu_review_tabel td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    vertical-align: middle;
	width:200px;
}

.mymenu_review_tabel .no{
	width:10%;
	}

.mymenu_review_tabel .item{
	width:50%;
	}
	
.mymenu_review_tabel .data{
	width:20%;
	}

.mymenu_review_tabel .edit{
	width:20%;
	text-align:center;
	margin:0 auto;
	}

.review_item_name{
    float: left;
    text-align: left;
    width: 250px;
	}

.review_text{
	width:100px;
	}

.review_textarea{
	width:650px;
	margin:10px;
	height:50px;
	border:#CCC 1px solid;
	}

.review_btn{	
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:0px 0 15px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	clear:both;
	}

#history_none{
	text-align:center;
	margin:15px;
	}

.history_count{
	width:700px;
	padding-bottom:5px;
	margin-bottom:10px;
	}

.history_box{
	width:700px;
	border-bottom:#CCC solid 1px;
	padding-bottom:5px;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;
	}

.history_box p{
	margin-bottom:5px;
	}

.history_order_number,.history_order_price{
	font-size:14px;
	font-weight:bold;
	}

.history_order_price span{
	padding-right:50px;
	}


.history_cart{
	width:95%;
	border-collapse: separate !important;
    border-spacing:1px !important;
	background: none repeat scroll 0 0 #CCC;
	margin:0 auto;
	padding:0;
}

.history_cart th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.history_cart td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.history_cart_bg{
	background-color:#ff597e !important;
	color:#FFF;
	text-align:center !important;
	}

.history_cart_bg2{
	background-color:#ffb7d2 !important;
	color:#000;
	text-align:center !important;
	}

.history_cart_bg2_item{
	width:400px !important;
	background-color:#ffb7d2 !important;
	color:#000;
	text-align:center !important;
	}

.history_item img{
	vertical-align:middle !important;
	}


.history_cart2{
    background: none repeat scroll 0 0 #909293;
    border-collapse: separate !important;
    border-spacing: 1px !important;
    clear: both;
    float: right;
    margin: 20px 20px 10px 0;
    width: 40%;
}

.history_cart2 th{
	width:40%;
	text-align:left;
    padding: 3px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.history_cart2 td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}

.history_cart2_bg{
	background-color:#ffb7d2 !important;
	color:#000;
	text-align:left !important;
	width:100px;
	}

.history_cart2_text{
	text-align:right !important;
	}

.history_order_number{
	width:700px;
	padding-bottom:5px;
	margin-bottom:10px;
	}


.history_order_table{
	width:98%;
	border-collapse: separate !important;
    border-spacing:0px !important;
	margin:0 auto 20px auto;
	padding:0;
	border-left:1px solid #909293;
	border-right:1px solid #909293;
	border-top:1px solid #909293;
}

.history_order_table th{
	width:150px;
	text-align:left;
	background: none repeat scroll 0 0 #ffb7d2;
	border-bottom:1px solid #909293;
    padding: 5px;
}

.history_order_table td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
	text-align:left;
    vertical-align: middle;
	border-bottom:1px solid #909293;
}


.history_order_table_price{
	background: none repeat scroll 0 0 #ffb7d2 !important;
	color:#000 !important;
}


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

	 14. cart_step
 
============================================================================================================*/

#cart_step_area{
	background-color:#FFFFFF;
	}

.cart_step_box {
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
    }

.cart_step_table1{
	padding-top: 20px;
	clear:both;
	}

.table_cart_step1{
	width:95%;
	border-collapse: separate !important;
    border-spacing:1px !important;
	background: none repeat scroll 0 0 #CCC;
	margin:0 auto;
	padding:0;
}

.table_cart_step1 th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_cart_step1 td{
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_cart_step1_bg{
	background-color:#ffd1d9 !important;
	color:#FFF;
	text-align:left !important;
	}



.table_credit{
    background: none repeat scroll 0 0 #CCCCCC;
    border-collapse: separate !important;
    border-spacing: 1px !important;
    clear: both;
    width: 95%;
}

.table_credit th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_credit td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}

.table_credit_bg{
	background-color:#dce8ff !important;
	color:#000;
	text-align:center !important;
	width:100px;
	}

.table_credit_text{
	text-align:right !important;
	}

.cart_textarea{
	width:650px;
	margin:10px;
	height:50px;
	border:#CCC 1px solid;
	}

.cart_step_btn{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
	clear:both;
	}


.table_cart_step2{
	width:95%;
	border-collapse: separate !important;
    border-spacing:1px !important;
	background: none repeat scroll 0 0 #CCC;
	margin:0 auto;
	padding:0;
}

.table_cart_step2 th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_cart_step2 td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

.table_cart_step2_bg{
	background-color:#ffd1d9 !important;
	color:#000;
	text-align:center !important;
	}

.table_cart_step2_bg2{
	background-color:#ffd1d9 !important;
	color:#000;
	text-align:center !important;
	}

.table_cart_step2_item{
	width:400px !important;
	background-color:#ffd1d9 !important;
	color:#000;
	text-align:center !important;
	}
	
.table_cart_step2_item img{
	vertical-align:middle !important;
	}


.table_cart_step2_cart2{
    background: none repeat scroll 0 0 #CCCCCC;
    border-collapse: separate !important;
    border-spacing: 1px !important;
    clear: both;
    float: right;
    margin: 20px 20px 10px 0;
    width: 40%;
}

.table_cart_step2_cart2 th{
	width:40%;
	text-align:left;
    padding: 3px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.table_cart_step2_cart2 td{
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}

.table_cart_step2_cart2_bg{
	background-color:#ffd1d9 !important;
	color:#000;
	text-align:center !important;
	width:100px;
	}

.table_cart_step2_cart2_text{
	text-align:right !important;
	}

.fnt11{
	font-size:80%;
	}

.point_txt{
	width:40px;
	height:25px;
	}



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

	 15. inquiry
 
============================================================================================================*/

#inquiry_area{
	background-color:#FFFFFF;
	}

.inquiry_box {
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
    }

.inquiry_table1{
	margin-top:20px;
	clear:both;
	overflow:hidden;
	}

.inquiry_step1{
	width:95%;
	border-collapse: separate !important;
    border-spacing:1px !important;
	background: none repeat scroll 0 0 #909293;
	margin:0 auto;
	padding:0;
}

.inquiry_step1 th{
	width:40%;
	text-align:left;
	padding:15px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #ffb7d2;
}

.inquiry_step1 td{
	padding:10px 10px;
	vertical-align: center;
	background: none repeat scroll 0 0 #FFF;
}

.inquiry_step1_bg{
	background-color:#ff597e !important;
	color:#FFF;
	text-align:center !important;
	}

.inquiry_textarea{
	width:400px;
	height:100px;
	border:#CCC 1px solid;
	}

.inquiry_btn{
	width:100%;
	text-align:center;
	margin:0 auto;
	padding:15px 0 15px 0;
	clear:both;
	}
	
	
/* ==========================================================================================================

	 16. friend
 
============================================================================================================*/

#friend_area{
	background-color:#FFFFFF;
	}

.friend_box {
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
    }

.friend_table_area{
    margin: 0 auto;
    padding: 10px 0;
    width: 95%;
	background-color:#ffd1d9;
	}

.friend_table{
	width:95%;
	border-collapse: separate !important;
    border-spacing:1px !important;
	margin:0 auto;
	padding:0;
}

.friend_table th{
	width:40%;
	text-align:left;
	padding:10px 10px;
	vertical-align: center;
}

.friend_table td{
	padding:10px 10px;
	vertical-align: center;
}

.friend_btn {
width: 100%;
text-align: left;
margin: 0 auto;
padding: 0px 0 15px 18px;
clear: both;
border-bottom: 1px dotted #000;
margin-bottom: 15px;
}

.txt_box_magazine{
	width:700px;
	margin:10px 0;
	height:35px;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
	border:1px solid #ccc;
}
	
/* ==========================================================================================================

	 color style
 
============================================================================================================*/

.pink{
	color:#ff52aa;}

.purple{
	color:#ff52aa;}

.blue{
	color:#1c86ff;}

.red{
	color:#F00;}

.form_gray{
	background-color:#CCCCCC;
	}


/* ==========
	form common style
==========*/
.updnWatermark {
	color: #999;
	padding: 6px;
}

input.form_submit{
width:122px;
height:36px;
border:0px;
background-color: white;
background-repeat: no-repeat;
}

input:hover.form_submit,
input:hover.form_submit_post_cords,
input:hover.form_submit_etc_address_edit,
input:hover.form_submit_etc_search_form,
input:hover.form_submit_review{
filter: alpha(opacity=50);
-ms-filter: alpha(opacity=50);
opacity: 0.5;
cursor:pointer;
cursor:hand;
}

input.btn_back{
background-image:url(/img/cart_step/back.gif);
}
input.btn_submit{
background-image:url(/img/inquiry/inquiry_btn.gif);
}
input.btn_confirm{
background-image:url(/img/cart_step/cart_step_confirm_btn.gif);
}
input.btn_complete{
background-image:url(/img/registration/submit2.gif);
}

input.btn_ml_add_complete{
background-image:url(/img/mail_magazine/registrationentry_btn.gif);
}
input.btn_ml_delete_complete{
background-image:url(/img/mail_magazine/cancel_btn.gif);
}
input.btn_cart_complete{
background-image:url(/img/cart_step/cart2_finish_page_btn.gif);
}
input.tell_friend{
background-image:url(/img/friend/friend_btn.gif);
}
input.btn_login_form{
background-image:url(/img/buy/login.gif);
}

input.btn_review_write{
background-image:url(/img/mypage/mypage_review_btn.gif);
width:130px;
height:35px;
border:0px;
background-color: white;
background-repeat: no-repeat;
}

input.btn_review_write_complete{
background-image:url(/img/mypage/review_send_btn.gif);
width:130px;
height:35px;
border:0px;
background-color: white;
background-repeat: no-repeat;
}

input.btn_etc_address_edit{
background-image:url(/img/mypage/mypage_adress_edit.gif);
width:76px;
height:34px;
border:0px;
background-color: white;
background-repeat: no-repeat;
}

input.btn_post_cords_search{
background-image:url(/img/cart_step/adress_search.gif);
width:57px;
height:32px;
border:0px;
background-color: white;
background-repeat: no-repeat;
}


input.btn_post_search_form{
background-image:url(/img/search_btn.gif);
width:46px;
height:24px;
border:0px;
background-color: white;
background-repeat: no-repeat;
}


/*	ボタンデザイン
=======================================*/

.model_photo {
float: left;
width: 33%;
}

.model_photo img{
	width:200px;
	height:200px;
	margin-bottom:15px;
}

.normal_btn_pink{
	background-color:#ff597e;
	padding:5px;
	border:0px;
	color:#FFF;
	cursor:pointer;
}

.normal_btn_gray{
	background-color:#777778;
	padding:5px;
	border:0px;
	color:#FFF;
	cursor:pointer;
}

.pink_btn {
	background-image: url(../img/inquiry/btn_bg1.jpg);
}
.pink_btn2 {
	background-image: url(../img/mypage/history_btn.gif);
}

.gray_btn{
	background-image: url(../img/inquiry/btn_bg2.jpg);
}

.gray2_btn{
color:#000 !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #9c9c9c), color-stop(0.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%, #9c9c9c 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #9c9c9c 100%);
background: -o-linear-gradient(top, #ffffff 0%, #9c9c9c 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #9c9c9c 100%);
background: linear-gradient(top, #ffffff 0%, #9c9c9c 100%);
}

.blue_btn{
	background-image: url(../img/buy/btn_bg3.jpg);
}


div.form_button {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 200px;
	border: 0px;
	height:55px;

}

div.form_button a{
    padding: 20px 0;
	display:block;
	color:#FFF;
}

.form_button {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 0.5em 0em 0.55em;
    text-align: center;
    text-decoration: none;
    width: 200px;
	border: 0px;
	height:55px;
	margin-bottom:10px;
}


.form_button_history {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 0.5em 0em 0.55em;
    text-align: center;
    text-decoration: none;
    width: 140px;
	border: 0px;
	height:35px;
	margin-bottom:10px;
}


.form_button2 {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    width: 80px;
}

.form_button3 {
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 14px/100% Arial,Helvetica,sans-serif;
    outline: medium none;
    padding: 0.5em 2em 0.55em;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    width: 200px;
}

.btn_sp{margin-bottom:10px}