@charset "euc-jp";
/* CSS Document */



/* Reset
=======================================*/


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}




/* Base
=======================================*/

body {
	font-family: "¥á¥¤¥ê¥ª", Meiryo, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "MS P¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

p {
	font-size:14px;
	line-height:20px;
}

table {
	font: 100%;
	font-size: inherit;
}

hr {
	display:none;
}

img {
	border: none;
	vertical-align: bottom;
}

strong {
	font-weight: bold;
}

ul {
	margin:10px 0;
}


li {
	font-size:12px;
	list-style:square;
	margin-left:30px;
	line-height:18px;
}


/* Link
=======================================*/


a {
	color:#006;
	outline:none;
}


a:hover {
	color:#36F;
}


/* Class
=======================================*/

.clear {
	clear:both;
}


.none {
	display:none;
}


.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

.fontsize_s {
	font-size:12px;
	margin-top:5px;
}

.fontsize_ss {
	font-size:10px;
	margin-top:5px;
}

.boderBox {
	margin:5px 20px;
	background:#eee;
	padding:10px 15px;
}


.dltext p {
	text-align:center;
	margin-top:-35px;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	z-index:1;
}


/* Layout
=======================================*/



#wrapper {
	text-align:center;
	/*background:url(/net/campaign/voice_collabo/images/wrapper_bg.jpg);*/
	background:#ddf6fd;
	display:block;
}

#background {
	background:url(/net/campaign/voice_collabo/images/background.png) top center repeat-y;
	/*background: url(/net/campaign/voice_collabo/images/outline.jpg) top center repeat-x;*/
}


#outline {
	background:url(/net/campaign/voice_collabo/images/header_bg.png) top center no-repeat;
}

#contener {
	width:1000px;
	margin:0 auto;
	text-align:left;
}


/* header
----------*/


#header {
	height:630px;
	background:url(/net/campaign/voice_collabo/images/header.png) top center no-repeat;
	display:block;
}

#header h1,#header h2,#header h3 {
	display:none;
}


#links {
	background:#fff;
	float:right;
	padding: 5px 5px 0 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:#ccc solid 1px;
	margin-top:15px;
}

#links a img {
	margin-bottom:5px;
}





/* contents
----------*/


#contents {
	display:block;
	clear:both;
	padding:20px 0;
}




#contents h3.ttl {
	font-size:24px;
	line-height:30px;
	background:#74cd2b;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 20px 5px 20px;
	color:#fff;
	font-weight:bold;
	background: #53b304; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#53b304', endColorstr='#448014'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#53b304), to(#448014)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #53b304,  #448014); /* for firefox 3.6+ */ 
}

#contents h4 {
	font-size:16px;
	line-height:16px;
	padding:10px 0 7px 0;
	color:#333;
	font-weight:bold;
	background:#fff;
	margin:3px 3px 5px 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.contBox_head {
	background:url(/net/campaign/voice_collabo/images/contBox_head.png) top center repeat-y;
	height:40px;
}

.contBox_inter {
	background:url(/net/campaign/voice_collabo/images/contBox_inter.png) top center repeat-y;
}

.contBox_footer {
	background:url(/net/campaign/voice_collabo/images/contBox_foot.png) top center repeat-y;
	height:40px;
}


#cont01 {
	padding:10px 10px 10px 30px;
}

#cont02 {
	padding:0 30px 0px 30px;
}

#cont03 {
	padding:0 30px 20px 30px;
}

#cont03_imgBox_nol {
	background:url(/net/campaign/voice_collabo/images/cont03_bg_nol.jpg) top left no-repeat;
}

#cont03_imgBox_dol {
	background:url(/net/campaign/voice_collabo/images/cont03_bg_dol.jpg) top left no-repeat;
}


#cont03_imgBox_mol {
	background:url(/net/campaign/voice_collabo/images/cont03_bg_mol.jpg) top left no-repeat;
}


.cont03_imgBox {
	margin-top:20px;
	padding:20px 5px 10px 200px;
	margin-left:5px;
	height:210px;
}

.cont03_imgBox a {
	margin:0 5px;
	width:230px;
	height:195px;
	display:block;
}

.cont03_imgBox a:hover { background-position:-230px 0;}

a.cont03_img_nol1 { background:url(/net/campaign/voice_collabo/images/img_nol1.png) top left no-repeat; float:left; }
a.cont03_img_nol2 { background:url(/net/campaign/voice_collabo/images/img_nol2.png) top left no-repeat; float:left; }
a.cont03_img_nol3 { background:url(/net/campaign/voice_collabo/images/img_nol3.png) top left no-repeat; float:left; }
a.cont03_img_dol1 { background:url(/net/campaign/voice_collabo/images/img_dol1.png) top left no-repeat; float:left; }
a.cont03_img_dol2 { background:url(/net/campaign/voice_collabo/images/img_dol2.png) top left no-repeat; float:left; }
a.cont03_img_dol3 { background:url(/net/campaign/voice_collabo/images/img_dol3.png) top left no-repeat; float:left; }
a.cont03_img_mol1 { background:url(/net/campaign/voice_collabo/images/img_mol1.png) top left no-repeat; float:left; }
a.cont03_img_mol2 { background:url(/net/campaign/voice_collabo/images/img_mol2.png) top left no-repeat; float:left; }
a.cont03_img_mol3 { background:url(/net/campaign/voice_collabo/images/img_mol3.png) top left no-repeat; float:left; }



#cont04 {
	padding:0 30px 20px 30px;
}

#cont04_inter {
	padding:20px 20px;
}
.cont04_txt {
	border-left:#74cd2b 3px solid;
	padding-left:10px;
	margin-bottom:10px;
}




#cont02L {
	background:url(/net/campaign/voice_collabo/images/umeka.jpg) top left no-repeat;
	margin-top:20px;
	height:380px;
	width:240px;
}

#cont02R {
	margin-top:20px;
	height:380px;
	width:700px;
}


#prof a {
	text-indent:-9999px;
	display:block;
	width:200px;
	height:20px;
	margin-top:340px;
}

.contL	{
	float:left;
}

.contR	{
	float:right;
}


.pagetop {
	padding-bottom:25px;
}

.pagetop a {
	background: url(/net/campaign/voice_collabo/images/pagetop.png) top left no-repeat;
	height:20px;
	width:150px;
	display:block;
	text-indent:-9999px;
	margin-left:850px;
}




#btn_nol {
	background:#ff8e8e;
	margin-top:15px;
	padding:5px 0;
	width:290px;
}

#btn_nol h4 {
	margin:0 5px 10px 5px;
}

#btn_dol {
	background:#c9c8ff;
	margin-left:8px;
	margin-top:15px;
	padding:5px 0;
	width:290px;
}

#btn_dol h4 {
	margin:0 5px 10px 5px;
}


#btn_mol {
	background:#ffd221;
	margin-top:15px;
	padding:5px 0;
	width:290px;
}

#btn_mol h4 {
	margin:0 5px 10px 5px;
}


/* btn
----------*/



.btn01 a {
	background:url(/net/campaign/voice_collabo/images/cv_btn.png) top left no-repeat;
	height:74px;
	width:290px;
	display:block;
	text-align:center;
	padding-top:46px;
	color:#fff;
	font-size:20px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	line-height:26px;
	margin-right:30px;
}

.btn01 a:hover {
	background-position: 0 -120px;
	text-decoration:none;
}

.btn02 a {
	margin:0 auto;
	background:url(/net/campaign/voice_collabo/images/btn03.png) top left no-repeat;
	height:40px;
	width:290px;
	display:block;
	color:#000;
	text-decoration:none;
	font-size:12px;
	padding-top:20px;
	text-align:center;
}

.btn02 a:hover { background-position: 0 -60px; }


.btn02 a {
	margin:0 auto;
	background:url(/net/campaign/voice_collabo/images/btn03.png) top left no-repeat;
	height:40px;
	width:290px;
	display:block;
	color:#000;
	text-decoration:none;
	font-size:12px;
	padding-top:20px;
	text-align:center;
}

.btn02 a:hover { background-position: 0 -60px; }



.btn03 a {
	margin:20px auto 0 auto;
	background:url(/net/campaign/voice_collabo/images/btn04.png) top left no-repeat;
	height:120px;
	width:900px;
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:40px;
	line-height:120px;
	text-align:center;
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
}

.btn03 a span {
	font-size:12px;
	line-height:12px;
	position:absolute;
	margin:-35px 0 0 220px;
}

.btn03 a:hover {
	text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
	background-position: 0 -120px;
}







/* footer
----------*/



#footer {
	padding-top:20px;
	background:#fff;
	color:#333;
	text-align:left;
	margin-top:10px;
}



#footer address {
	float:right;
	width:330px;
	padding-right:70px;
	text-align:right;
	font-size:12px;
	line-height:22px;
	background: url(/net/campaign/voice_collabo/images/logo_koeitecmo.png) right top no-repeat;
	height:50px;
}