@charset "UTF-8";
/* CSS Document */

body{
	background:#FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
	font-size:13px;
}

.headline{
 font-size:18px;
 color:#FD0A0A;
 margin-bottom:5px;
}
.headline2{
 font-size:18px;
 color:#000;
 margin-bottom:5px;
font-weight:bold;
}


#wrapper{
	width:960px;
	margin:0px auto;
}
#wrapper h1{
}


#logo{
	background:url(images/logo.gif) top left no-repeat;
	width:212px;
	height:50px;
	float:left;
	clear:none;
	margin-top:25px;
text-decoration:none;
text-indent:-9999px;
display:block;
margin-bottom:0;
}

.middle-box ul li a{
	color:#000000;
}
.middle-box ul li a:hover{
	color:#FF0000;
}

/* Search */
/*

#adlink{
	margin-top: 25px;
	float:right;
	clear:none;
	color:#C61F1F;
	background:url(images/adb.jpg) no-repeat;
	width:370px;
	height:50px;
	text-indent:-9999px;
	display:block;
	padding-bottom: 10px;
}
*/

#adlink{
	margin-top: 25px;
	float:right;
	clear:none;
	color:#C61F1F;
	background:url(images/adzo.jpg) no-repeat;
	width:373px;
	height:50px;
	text-indent:-9999px;
	display:block;
	padding-bottom: 10px;
}


#adlink a{
	text-decoration:none;
color:#C61F1F;
	display:block;
	width:370px;
	height:50px;
}
#adlink a:hover{
	text-decoration:underline;
color:#C61F1F;
}
#search-box{
	background:url(images/search_box.png);
	width:246px;
	height:26px;
	float:left;
	clear:none;
	margin-left:5px;
}

#search-box input{
	border:0px;
	margin-left:5px;
	margin-top:7px;
	width:223px;
}


#banner{
	background:url(images/topimg.jpg) top left no-repeat;
	width:960px;
	height:194px;
}
#banner2{
	background:url(images/titleimg.jpg) top left no-repeat;
	width:960px;
	height:61px;
}
.banner2title{
	color:#FFF;
	font-size:24px;
padding-top: 18px; padding-left: 15px;
}

/* Menu */
#menu{
	background:url(images/menu_bg.gif) top left repeat-x;
	width:960px;
	height:31px;
	margin-top:20px;
}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu ul li{
	float:right;
	margin-right:15px;
	margin-top:5px;
}

#menu ul li a{
	display:block;
	background:url(images/menu.png) top left no-repeat;
	height:16px;
	width:100%;
	text-decoration:none;
	color: #000000;
	font-size:12px;
	text-align:center;
	cursor:pointer;
	padding-left:25px;
	padding-top: 2px;
}

/* content */
#left-content{
	float:left;
	clear:none;
	margin-top:15px;
}
#second-content{
	float:left;
	clear:none;
	margin-top:15px;
	width:960px;
	background:#FFF;
}

/* welcome box */
.corner-box{
	background:url(images/box_corner.png) top left no-repeat;
	width:25px;
	height:25px;
	float:left;
	clear:none;
}

.top-middle-box{
	background:url(images/Box_top.png) top left repeat-x;
	width:400px;
	height:25px;
	float:left;
	clear:none;
}
.second-middle-box{
	background:url(images/Box_top.png) top left repeat-x;
	width:800px;
	height:25px;
	float:left;
	clear:none;
}

.top-right-corner-box{
	background:url(images/box_top_corner.png) top left no-repeat;
	width:70px;
	height:25px;
	float:left;
	clear:none;
}

.middle-box{
	background:url(images/box_l.png) top left repeat-y;
	width:550px;
	padding-left:25px;
}
.middle-box2{
	background:url(images/box_l.png) top left repeat-y;
	width:900px;
	padding-left:25px;
}
.middle-box2 blockquote{
line-height:180%;
}

.left-bottom-corner-box{
	background:url(images/box_l_corner.png) top left no-repeat;
	width:25px;
	height:70px;
}
/* Services box */


#left-links{
	float:left;
	clear:none;
}

#right-links{
	float:right;
	clear:none;
margin-right: 40px; width: 320px;
line-height:130%;
padding-top: 20px;
}

.red-bullet{
	list-style-image:url(images/bullet.gif);
}
/* right content */
#right-content{
	float:right;
	clear:none;
	margin-top:15px;
	margin-left:15px;
}

#news-top{
	background:url(images/news_top.png) top left no-repeat #FD0A0A;
	width:303px;
	height:28px;
	padding-left:15px;
	padding-top:0px;
	font-size:18px;
	color:#FFFFFF;
}

#news-top .news-topright{
	font-size:15px;
	color:#FFFFFF;
	height:28px;
padding-top: 3px;
	margin-left: 100px;
}
#news-top .news-topright a{
	font-size:15px;
	color:#FFFFFF;
	height:28px;
}

#news-box{
	background:url(images/box2_bg.png) top right repeat-y;
	width:318px;
	margin-top:0px;
	padding-top:0px;
}

.no-bullet{
 	display:block;
}

.divider{
	background:url(images/divider.png) top left no-repeat;
	width:186px;
	height:29px;
	display:block;
	margin-left:30px;
	margin-top:10px;
}
.divider2{
	background:url(images/divider2.png) top left no-repeat;
	width:800px;
	height:29px;
	display:block;
		margin-top:10px;
}

/*バナー広告置き場*/

#right-bn_space{
	width:300px;
	line-height:180%;
	color:#666;
	text-align:justify;
	text-justify:distribute;
	text-align:center;
}

#right-bn_space div.zoocafe_bn{
	background:url(images/top_bn.jpg) top left no-repeat;
	width:315px;
	height:260px;
	margin:0 auto;
}



#right-bn_space div.zoocafe_bn img{
	margin: 216px 0px 0px 0px;
	border:none;

}


/* Newsletter */
#newsletter{
	background:url(images/box2_bg.png) top right repeat-y;
	width:318px;
	height:40px;
	border:0px solid #FFFFFF;
	margin-top:10px;
	padding-top:15px;
}

#newsletter-box{
	background:url(images/newsletter_box.png);
	width:152px;
	height:25px;
	float:left;
	clear:none;
	margin-left:5px;
}

#newsletter-box input{
	border:0px;
	margin-left:5px;
	margin-top:5px;
	width:100px;
	height:15px;
}

/* footer */
#footer{
	background:#C6211F;
	width:960px;
	height:100%;
	padding-top:5px;
	color:#FFFFFF;
	margin-bottom:0px;
}
#footer ul.foormenu li a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer ul.foormenu li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#footer a{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
#footer .copyright a{
	color:#FFFFFF;
	text-decoration:none;
}
.copyright{
	text-align:left;
}

.copyright2{
	text-align:center;
}
#footer .copyright2 a{
	color:#FFFFFF;
	font-weight:bold;
}
#footmenuwrap{
margin : 0 ; padding : 0 ; 
width : 100% ; 
position : relative ;
}
#footleft{
float : left ; width : 430px ; 
padding:10px 25px;
}
#footright{
float : left ; width : 430px ;
padding:10px 25px;
}

.footmidashi{
	font-size:14px;

}

.footmidashi a{
	color:#FFF;
	text-decoration:none;
}

.foottxt{
	border-top:2px dotted #FFF;
	width:100%;
	margin:10px 0 30px;
	padding:5px 0;
	font-size:12px;
}
#footmenuwrap ul{
margin: 0;
padding: 0;
list-style-type: none;

}
#footmenuwrap li{
float: left;
}
#footmenuwrap li a{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}
#footmenuwrap li a:hover{
	font-size:12px;
	color:#FFF;
	text-decoration:underline;
}


dl{margin-bottom:0;margin-top:20px;padding-left:20px;}


#codingprice{
margin:0;text-align:center;width:100%;
}

blockquote.codingpricebq {
width: 650px;text-align:left;margin:0px auto;
}


#codingprice dt{
float: left;clear: left;width:400px;padding-left:20px;border-bottom:1px dotted #660000;
}



#consulflow{
    text-align:center;
    width:100%;
}
#consulflow p{
background:url(images/consulbg.gif) top left no-repeat;
height:670px;
text-align:center;
margin:0px auto;
width:800px;
}

#solutionimg{
    text-align:center;
    width:100%;
}
#solutionimg p{
background:url(images/solutionimg.gif) top left no-repeat;
height:286px;
text-align:center;
margin:0px auto;
width:800px;
}


.contactprivacy {
border:1px solid #CCCCCC;
height:150px;
margin:10px auto;
overflow:scroll;
padding:5px;
width:800px;
line-height:180%;
}


.contact1{
text-align:center;
width:100%;

}


.contact2{
	text-align:left;
	text-align:left;
	margin:0px auto;
	width:800px;
	line-height:150%;
}



.table01 th {
background-image:url("images/line.gif");
background-position:center bottom;
background-repeat:repeat-x;
padding:10px;
text-align:left;
width:80px;
}

.table01 td {
background-image:url("images/line.gif");
background-position:center bottom;
background-repeat:repeat-x;
padding:10px;
}

#sm{
line-height:200%;

}
#sm ul{
list-style-type:none;
margin:0;
padding:0;
}

#sm li {
background-image:url("images/bullet.gif");
background-position:left center;
background-repeat:no-repeat;
padding-left:15px;
}
.kai2 {
margin-left:15px;
}


p.more {
margin-bottom: 0px;
}

span.more {
width:900px;
text-align:right;

}
.pv{
width:300px;
margin-top: 15px;
padding-left: 10px;
font-size:11px;
line-height:180%;
color:#666;
text-align:justify;
text-justify:distribute;
}

.adv_box{
width:300px;
margin-top: 15px;
font-size:11px;
line-height:180%;
color:#666;
text-align:justify;
text-justify:distribute;
}



p.lightbox {
/margin:0;
}


ul.medialist{
	margin:0 0 0 15px;list-style-type:none;
}

ul.medialist li{
	margin:0 0 10px 0;
}

ul.medialist li a{
	text-decoration:none;
	color:#000;
}
ul.medialist li a:hover{
	text-decoration:underline;
	color:#FD0A0A;
}



/*ZooCafeリリース*/

.zoocafe_rele blockquote{
	margin:20px 40px;
}

.zoo_logo{
	margin:0;
	width:900px;
	margin:0 auto;
}

div.zoo_logo_txt{
	float:left;
	padding:35px 0 0 500px;

}

div.zoo_logo_txt a:link, div.zoo_logo_txt a:visited{

	padding:0;
	margin:0;
	color:#000;
	text-decoration:none;
	display:block;
	font-size:14px;
	font-weight:bold;
}

div.zoo_logo_img{
	text-indent:-9999px;
	float:right;
}


div.zoo_logo_img a:link, div.zoo_logo_img a:visited{

	padding:0;

	margin:0;

	text-decoration:none;
	background:url(images/zoom_flow_logo.gif) no-repeat;
	display:block;
	width:125px;
	height:60px;
}


.zoo_txt1{
	line-height:180%;
}

.zoo_img1{
	background:url(images/zoom_flow_blog.jpg) right 0 no-repeat;
	text-indent:-9999px;
	width:520px;
	height:219px;
}

.zoo_info_wrap{
	width:880px;
	margin:0 40px;
}

.zoo_txt_l{
	float:left;
	width: 350px;
	line-height:180%;
	padding: 0;
}
div.zoo_txt_l div{
	font-size:16px;
	line-height: 150%;
}

.zoo_bn_r{
	margin-left:360px;
	width: 540px;
}


.bn_wrapper{
	width:900px;
	text-align:center;
	margin:0 auto;
}

.bn_wrap{
	width:220px;
	text-align:left;
	float:left;
	padding:0 40px;

}

div.topsidebn_bn{
	margin:0;
	padding:0;
}
div.topsidebn_bn img{
	margin:0;
	padding:0;
	border:none;
}
div.topsidebn_txt{
	line-height:1em;
/line-height:180%;
	margin:0;
	padding:5px 0;
	font-size:11px;
}



.zoo_regist{
	text-align:right;
	margin:15px auto 25px;
	width:900px;
}

.zoo_regist a{
	font-size:18px;
}
.zoo_regist a:link, .zoo_regist a:visited {
    color: #AA0000;
    text-decoration: none;
}


.zoo_regist a:hover{

	text-decoration:underline;

}







#clear{

	clear:both;

}