@charset "UTF-8";
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
  /*---------------------- 1.RESET ----------------------*/
 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { border: 0; font-family: inherit; font-size: 100%; color: #333; padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0px; 
}
.doyougogo {
	margin-left: 130px;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {	display: block;}
body {
	color: #000;
	font-size: 16px;
	background-image: none;
}
ol, ul { list-style-image: none; list-style-type: none; 
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table { border-collapse: collapse; border-spacing: 0; 
}

.cf {zoom:1;}
.cf:after{
    content: ""; 
    display: block; 
    clear: both;}
.cf { display: inline-table; }
.clear{	clear:both;}
/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf {
	display: block;
}
/* End hide from IE-mac */

a.overwhite{
    background-color:#ffffff;
    display:block;
}

.over a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=70);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";  /* ie 8 */
    -moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;              /* Safari 1.x */
    opacity:0.7;
    zoom:1;
}
.raito a:hover img	{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
	}
.raito img a:hover{
	filter:alpha(opacity=80);
	opacity:0.4;
}
.blue_raito a:hover img	{ opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; background-color: #5DC6F5; }
.blue_raito img a:hover{
	filter:alpha(opacity=80);
	opacity:0.4;
}
a:link{ color: #333333; text-decoration: none; }
a:visited{ color: #333333; text-decoration: none; }
a:hover{ color: #BD1E58; text-decoration: underline;
 }



/*---------------------------------    LAYOUT    ---------------------------------*/
#wrapper{ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 1000px; }
#wrapper_big{ margin: 0 auto; width: 1000px; }

#header{
	width: 950px;
	height: 90px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*--------------------------common---------------------*/
.copyright{ color: #333; width: 100%; line-height: 300%; font-size: 70%; 
}

#main{ border: 1px solid #D0D0D0; border-radius: 5px; background-color: #FFF; }

.fb{ font-weight: bolder; }

.fs10{	font-size:10px;}
.fs12{	font-size:12px;}
.fs14{	font-size:14px;}
.fs16{	font-size:16px;}
.fs17{	font-size:17px;}
.fs18{	font-size:18px;}
.fs22{	font-size:22px;}
.fs24{	font-size:24px;}
.fs32{	font-size:32px;}
.fs35{	font-size:35px;}
.fs40{	font-size:40px;}

.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt30{ padding-top: 30px; }
.pt40{ padding-top:40px; }
.pt50{ padding-top:50px; }
.pt60{ padding-top:60px; }
.pt70{ padding-top:70px; }
.pt80{ padding-top:80px; }
.pt90{ padding-top:90px; }
.pt100{ padding-top:100px; }
.pt300{ padding-top:300px; }
.pt380{ padding-top:380px; }
.pt500{ padding-top:500px; }
.pt120{ padding-top: 120px; text-align: center; }
.pb1{ padding-bottom:1px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{ padding-bottom:50px; }
.pb60{ padding-bottom:60px;}
.pb65{ padding-bottom:65px;}
.pb70{ padding-bottom:70px;}
.pb80{ padding-bottom:80px;}
.pb90{ padding-bottom:90px;}
.pb100{ padding-bottom:100px;}
.pb150{ padding-bottom:150px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb70{ margin-bottom:70px;}
.mb80{ margin-bottom:80px;}
.mb90{ margin-bottom:90px;}
.mb100{ margin-bottom:100px;}
.mb150{ margin-bottom:150px;}

.pl10{padding-left:10px;}
.pl20{ padding-left:20px; }
.pl30{ padding-left:30px; }
.pl40{ padding-left:40px; }
.pl50{ padding-left:50px; }
.pl60{ padding-left:60px; }
.pl70{ padding-left:70px; }
.pl80{ padding-left:80px; }
.pl90{ padding-left:90px; }
.pl100{ padding-left:100px; }
.pl110{ padding-left:110px; }
.pl120{ padding-left:120px; }
.pl130{ padding-left:130px; }
.pl140{ padding-left:140px; }
.pl150{ padding-left:150px; }
.pl200{ padding-left:200px; }
.pl250{ padding-left:250px; }
.pl300{ padding-left:300px; }


.pr3 { padding-right: 3px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }
.pr110 { padding-right: 110px; }
.pr120 { padding-right: 120px; }
.pr130 { padding-right: 130px; }
.pr140 { padding-right: 140px; }

/*--------etc---------*/
#pankuzu {
	width: 1000px;
	line-height: 60px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.font_big { font-weight: bolder; }
#pageup { text-align: right; width: 900px; margin: 0 auto; }
.footer_line {
}
#footer {
	line-height: 150%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(img/bg_top01.gif);
}
#copy { color: #666666; font-size: 90%; line-height: 30px; margin: 0 auto; width: 750px; }
#menu li {
	list-style-type: none;
	width: 200px;
}


/*------ori--------*/


#menu_box { width: 100%; margin-top: 0; margin-bottom: 0; 
}
.m_logo {
}
.menu_box_li { padding-top: 5%; width: 100%; padding-bottom: 5%; 
}
.menu_ul li {
	margin-right: 20px;
	margin-left: 10px;
}
.menu_ul li a:hover {
	list-style-image: url(img/menu_o.jpg);
}

#top_shashin01_1 {
	margin: 0 auto;
	width: 100%;
}
#container {
}
.top_i_menu li {
}
#top_main {
}
.works_logo {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 10px;
}
.works_site {
}
.works_site { background-image: url(img/top_works_bg.jpg); height: 120%; 
}
.site {
	margin: 0 auto;
	width: 100%;
}
.one_site_txt {
	color: #FFF;
	font-size: 90%;
	text-align: center;
}
.one_site { width: 100%; padding-top: 30px; text-align: center; 
}
.works_site_box {
	margin: 0 auto;
	width: 100%;
}
.one_site_txt a { color: #000; 
}
.footer { width: 100%; text-align: center; clear: both; padding-top: 15%; 
}
.footer_access { font-size: 80%; line-height: 30px; 
}
#top_main_box {
	margin: o auto;
	width: 100%;
}
#container {
}
#container2 {
}
.c_midashi {
	padding-bottom: 50px;
	margin: 0 auto;
	width: 100%;
}
.consult li {
	padding-left: 30px;
}
#footer_bk {
	clear: both;
}
#container2 {
}
.c_box {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.about_table table tr td {
	padding: 10px;
	text-align: left;
}
.about_table {
}
.about_table {
	padding-left: 160px;
}
#container { }

.top_img ul li {
}
.pp_txt_box01 {
	text-align: left;
	width: 64%;
	margin: 0 auto;
	line-height: 25px;
}
.c_txt_box01 {
	width:64%;
	text-align: left;
	margin: 0 auto;
}
.w_one_box {
	width: 29%;
	padding-top: 50px;
	padding-right: 145px;
}
.w_one_site_txt {
}
.w_one_site_txt {
	text-align: center;
	padding-top: 10px;
}
.c_box01 {
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-left: 130px;
}
.h_txt01 {
	line-height: 25px;
	width: 62%;
	text-align: left;
	padding-left: 65px;
}
.h_box01 {
	margin: 0 auto;
	width: 100%;
}
.seo_box01 {
	width: 38%;
	text-align: left;
	padding-top: 30px;
	margin-left: 30px;
	line-height: 30px;
}
.seo_box02 {
	width: 20%;
	padding-right: 20px;
}
.seo_box00.cf {
	width: 74%;
	margin: 0 auto;
	text-align: left;
}
.seo_txt {
	font-size: 120%;
	color: #EF9418;
	text-align: left;
	font-weight: bold;
	line-height: 25px;
}
.seo_box04 {
	padding-left: 30px;
	line-height: 30px;
}
.menu_ul li:hover {
	list-style-image: url(img/menu_o_1.jpg);
}
#works {
	clear: both;
}
.top_ssc li { }

.top_ssc li img {
	vertical-align: bottom;
	 max-width: 100%; 
}
#top_img_menu01 .top_ssc .lilili { display: inline-block; width: 100%; }



.c_main .c_box .shop_box { width: 90%; margin: 0 auto; line-height: 26px; text-align: left; font-size: 90%; }
.c_main .c_box .shop_box .shop_box_rei { height: 25%; width: 85%; margin-top: 4%; margin-right: auto; margin-bottom: 4%; margin-left: auto; padding-top: 2%; padding-right: 2%; padding-bottom: 5%; padding-left: 2%; }
.c_box .shop_box .shop_box_rei .shop_ic { width: 10%; margin-top: 4%; margin-bottom: 4%; }
.box_line { border: 1px solid #CCC; }
.shop_box_mongon { line-height: 30px; width: 80%; margin: 0 auto; padding: 4%; }
.line_bo { width: 85%; margin-top: 5%; margin-right: auto; margin-left: auto; padding-bottom: 60px; }
.shop_box_mongon .bt { font-weight: bold; }
.shop_box .line_bo .shop_box_rei p { font-size: 110%; font-weight: bold; }




.cms_etc { width: 90%; margin: 0 auto; line-height: 26px;
}
.consult_bun {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	line-height: 25px;
}
.consult {
}
.cst_txt01 {
	font-size: large;
	font-weight: bold;
}

#container { max-width: 100%; }
.top_ssc .li_consulting { float: none; max-width: 100%;}
#top_shashin01 { max-width: 100%; }
#top_shashin01 img { max-width: 100%; }
.lilili a img { max-width: 100%; }
.menu_box_li .menu_ul li { margin-top: 2%; }
#top_main { width: 100%; }
#menu_box .m_logo { text-align: center; }
#top_main .topic_01 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}