@charset 'iso-2022-jp';
/* CSS Document */


body.popup_body {
background-image:none;
background-color:#FFFFFF;
}

/* -----haikei_image_select----- */


div#main_contents {
width:920px;
height:431px;
background:url(../img/kikikomi/contentsarea_bg.jpg) no-repeat top center;
position:relative;
}

img.main_bg {
margin:0;
position:absolute;
top:0px; left:0px;
}


/* -----banner_area----- */

div#banner_area {
background:url(../img/common/common_banner_bg.jpg) center top no-repeat;
height:86px;
}


/* -----maincontents----- */

h2 {
position:absolute;
left:48px;top:10px;
}

p.naka_panasonic {
position:absolute;
left:293px; top:33px;
}

h3 {
position:absolute;
top:75px; left:50px;
}

h4 {
position:absolute;
top:90px; left:472px;
}

div.number {
position:absolute;
height:245px;
width:339px;
left:65px;
top:186px;
margin:0;
padding:0;
}

div.number p.no1 a {
position:absolute;
left:0px;
top:0px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber1.jpg) no-repeat top left;
}

div.number p.no1 a:hover {
background-position:0px -63px;
}

div.number p.no2 a {
position:absolute;
left:113px;
top:0px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber2.jpg) no-repeat top left;
}

div.number p.no2 a:hover {
background-position:0px -63px;
}

div.number p.no3 a {
position:absolute;
left:226px;
top:0px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber3.jpg) no-repeat top left;
}

div.number p.no3 a:hover {
background-position:0px -63px;
}

div.number p.no4 a {
position:absolute;
left:0px;
top:63px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber4.jpg) no-repeat top left;
}

div.number p.no4 a:hover {
background-position:0px -63px;
}

div.number p.no5 a {
position:absolute;
left:113px;
top:63px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber5.jpg) no-repeat top left;
}

div.number p.no5 a:hover {
background-position:0px -63px;
}

div.number p.no6 a {
position:absolute;
left:226px;
top:63px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber6.jpg) no-repeat top left;
}

div.number p.no6 a:hover {
background-position:0px -63px;
}

div.number p.no7 a {
position:absolute;
left:0px;
top:126px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber7.jpg) no-repeat top left;
}

div.number p.no7 a:hover {
background-position:0px -63px;
}

div.number p.no8 a {
position:absolute;
left:113px;
top:126px;
margin:0;
padding:0;
background:url(../img/kikikomi/knumber8.jpg) no-repeat top left;
}

div.number p.no8 a:hover {
background-position:0px -63px;
}

div.number p.no9{
position:absolute;
left:226px;
top:126px;
margin:0;
padding:0;
background:url(../img/kikikomi/number9_null.jpg) no-repeat top left;
}

div.number p.button {
position:absolute;
left:115px;
top:200px;
margin:0;
padding:0;
}

div.contents_area01 {
position:absolute;
top:120px;
left:473px;
width:400px;
height:300px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding:0;
overflow:auto;
}

div.contents_area01 p.syogen_title{
color:#0066CC;
padding-top:0;
padding-bottom:5px;
padding-left:3px;
width:340px;
}

div.contents_area01 p.syogen {
width:340px;
padding-left:3px;
}

div.contents_area01 img.line {
padding-top:10px;
padding-bottom:10px;
border:0;
}

/* -----IE7 ----- */
*:first-child+html div.contents_area01 img.line {
padding-top:10px;
padding-bottom:5px;
border:0;
}

/* -----IE6 ----- */
*html  div.contents_area01 img.line {
margin-top:5px;
margin-bottom:5px;
border:0;
}

div.syogen_author {
text-align:right;
width:343px;
padding:0;
}

/* -----popup----- */

div#popup_wrapper {
text-align:center;
margin:0;
background-color:#FFFFFF;
}

div#popup_container {
width:450px;
height:500px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:url(../img/kikikomi/popbg.jpg) center top no-repeat;
position:relative;	
}

h3.popup {
position:absolute;
top:85px; left:76px;
}

div.form {
position:absolute;
top:130px;left:80px;
width:300px;
height:305px;
overflow:auto;
}

input,textarea,select {
font-size:12px;
height:15px;
margin-right:3px;
margin-left:2px;
}

option {
font-size:12px;
height:15px;
}

div.name {
width:280px;
height:35px;
text-align:left;
font-size:12px;
}

div.name input,select {
width:110px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:15px;
}

/* -----IE7 ----- */
*:first-child+html input,textarea,select {
font-size:12px;
height:15px;
margin-right:3px;
margin-left:2px;
}

*:first-child+html div.name input,select {
width:110px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:18px;
}

*:first-child+html .input_b {
height:23px;
font-size:11px;
}

/* -----IE6 ----- */
*html input,textarea,select {
font-size:12px;
height:18px;
margin-right:3px;
margin-left:2px;
}

*html div.name input,select {
width:110px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:18px;
}

div.koumoku1 {
text-align:left;
width:280px;
height:35px;
font-size:12px;
}

div.koumoku1 input,textarea {
width:90px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:15px;
}

/* -----IE7 ----- */
*:first-child+html div.koumoku1 input,textarea {
width:90px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:15px;
}

/* -----IE6 ----- */
*html div.koumoku1 input,textarea {
width:90px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:18px;
}

div.koumoku2 {
float:left;
text-align:left;
width:110px;
height:35px;
font-size:12px;
}

div.koumoku2 input,textarea {
width:20px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:15px;
}

/* -----IE7 ----- */
*:first-child+html div.koumoku2 input,textarea {
width:20px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:15px;
}

/* -----IE6 ----- */
*html div.koumoku2 input,textarea {
width:20px;
font-size:12px;
margin-right:3px;
margin-left:2px;
height:18px;
}



div.koumoku3 {
float:right;
text-align:left;
width:165px;
height:35px;
font-size:12px;
}

div.koumoku4 {
text-align:left;
width:280px;
height:165px;
font-size:12px;
}

div.koumoku4 input,textarea {
width:280px;
height:135px;
text-align:left;
line-height:1.3;
font-size:12px;
}

.input_b {
height:23px;
font-size:11px;
}

div.input {
width:280px;
text-align:center;
margin-top:5px;
}

/* -----popup2----- */

h3.popup2 {
position:absolute;
top:105px; left:70px;
}

div#popup2_container {
width:450px;
height:500px;
text-align:left;
margin-left:auto;
margin-right:auto;
background:url(../img/kikikomi/popbg.jpg) center top no-repeat;
position:relative;	
}

div.popup2_photo {
position:absolute;
top:41px;left:235px;
}

div.popup2_text {
position:absolute;
top:230px;left:70px;
width:310px;
height:185px;
margin:0;
padding:0;
overflow:auto;
background:url(../img/kikikomi/line2.gif) repeat-y top center ;
}

div.popup2_text p {
width:auto;
height:185px;
line-height:22px;
padding:0 10px;
}


p.close {
position:absolute;
top:435px; left:210px;
}



