@import url("pickup.css");
/* ++++++++++  TAG  ++++++++++ */

body {background-color: #FFFFFF; margin: 0px; padding: 0px;}
td {font-size: 12px;    line-height: 16px;  color: #333333;}
p {margin:2px 0px 6px;}
ul {margin:0px 0px 0px 3em;padding:0px;}
li {margin:0px;padding:0px;}
form{margin:0px;padding: 0px;}
input {font-size: 12px;line-height: 16px;border: 1px solid #999999;}

/* ++++++++++  LINK  ++++++++++ */

a:link{ color: #2E5DBF; text-decoration: none;}
a:visited{  color: #2E5DBF; text-decoration: none;}
a:hover{    color: #FF3300; text-decoration: none;}

/* ++++++++++  text  ++++++++++ */

.txtRight {text-align: right;}
.txt11pt {font-size: 11px;line-height: 14px;}
.copy {
    font-size: 10px;
    line-height: 16px;
    color: #949494;
    text-align: right;
    margin-right: 14px;
    margin-left: 14px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #BFBFBF;
    margin-bottom: 30px;
}

/* ++++++++++  margin padding  ++++++++++ */

.pddingLeft20 {padding-left: 20px;}
.mgnBott25 {margin-bottom: 25px;}

/* ++++++++++  header  ++++++++++ */

#header {margin: 0px;padding: 0px;width: 100%;
}
h1 {font-size: 12px;line-height: 28px;font-weight: bold;color: #304200;
    margin:0px;
    background-color: #F0F0F0;background-image: url(/images/header/hd_bg01.gif);background-repeat: repeat-x;
    text-indent: 10px;padding-left: 265px;letter-spacing: 2px;text-align: left;height: 28px;
}
#hd2 {background-image: url(/images/header/hd_bg01_02.gif);background-repeat: repeat-x;height: 1px;
}
#hd3 {background-image: url(/images/header/hd_bg02.gif);background-repeat: repeat;
    height: 46px;
    text-align: right;vertical-align: middle;padding-right: 10px;
}
#hd4 {background-image: url(/images/header/hd_bg03.gif);background-repeat: repeat-x;
    text-align: right;vertical-align: middle;
    height: 30px;padding-right: 15px;
    font-size: 11px;line-height: 30px;
}
#hd4 a:link{color: #5F5F5F; text-decoration: none;}
#hd4 a:visited{ color: #2E5DBF; text-decoration: none;}
#hd4 a:hover{   color: #FF3300; text-decoration: none;}
#hdLogo {
    position: absolute;left: 4px;top: 3px;
    height: 100px;width: 262px;
}

/* ++++++++++  side menu  ++++++++++ */

#smnLineRight {
    width: 200px;
    border-right-width: 1px;border-right-style: solid;border-right-color: #D1D1D1;
}
#smnLogin {
    background-image: url(/images/side/login_bg.gif);height: 81px;
}
.smnLoginForm1 {
    text-align: right;vertical-align: middle;
    padding-top: 8px;padding-right: 10px;
}
.smnLoginForm2 {
    text-align: right;vertical-align: middle;
    padding-top: 0px;padding-right: 10px;
}
.smnLoginImg1 {
    text-align: left;vertical-align: middle;
    padding-top: 8px;padding-left: 15px;
}
.smnLoginImg2 {
    text-align: left;vertical-align: middle;
    padding-top: 1px;padding-left: 15px;
}
#smnNewMember {padding: 7px;}
p#smnNewMember {font-size: 10px;line-height: 14px;color: #454545;text-align: left;
    margin: 4px 2px 0px;padding: 0px;}
#smnBtn {text-align: left;
    margin: 0px;padding: 0px;
    text-indent: 8px;
}
#smnBtn p {padding: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 1px;margin-left: 0px;}
#smnBtn a:link {
    font-size: 12px;line-height: 27px;font-weight: bold;color: #FFFFFF;
    border-left-width: 6px;border-left-style: solid;border-left-color: #2D5200;
    background-image: url(/images/side/btn_smn_bg.gif);background-repeat: repeat;
    display: block;
}
#smnBtn a:visited {
    font-size: 12px;line-height: 27px;font-weight: bold;color: #FFFFFF;
    border-left-width: 6px;border-left-style: solid;border-left-color: #2D5200;
    background-image: url(/images/side/btn_smn_bg.gif);background-repeat: repeat;
    display: block;
}
#smnBtn a:hover {
    border-left-width: 6px;border-left-style: solid;border-left-color: #EE6303;
    background-image: url(/images/side/btn_smn_bg_ov.gif);background-repeat: repeat;
}

.smnAct {
    height: 31px;display: block;background-image: url(/images/side/smn_bg_Act.gif);
    text-align: left;font-size: 12px;
    line-height: 31px;font-weight: bold;color: #FFFFFF;text-indent: 14px;
    margin: 0px;padding: 0px;
}
#smnAct {background-color: #EFE1E7;}
#smnAct2 {background-color: #BD2155;width: 6px;}
#smnAct a:link {
    font-size: 12px;line-height: 18px;font-weight: bold;color: #890F40;
    background-image: url(/images/side/arrow_smnAct.gif);background-repeat: no-repeat;background-position: left center;
    margin-left: 10px;padding-left: 8px;
    display: block;
}
#smnAct a:visited {
    font-size: 12px;line-height: 18px;font-weight: bold;color: #890F40;
    background-image: url(/images/side/arrow_smnAct.gif);background-repeat: no-repeat;background-position: left center;
    margin-left: 10px;padding-left: 8px;
    display: block;
}
#smnAct a:hover {
    color: #EE6303;
    background-image: url(/images/side/arrow_smnAct.gif);background-repeat: no-repeat;background-position: left center;
}
#smnAct td {
    padding-top: 8px;padding-bottom: 8px;
    vertical-align: top;text-align: left;
    margin: 0px;padding: 0px;
}
.smnJanl {
    height: 31px;display: block;background-image: url(/images/side/smn_bg_Janl.gif);text-align: left;
    font-size: 12px;line-height: 31px;font-weight: bold;color: #FFFFFF;text-indent: 14px;
    margin: 0px;padding: 0px;
}
#smnJanl {background-color: #DCE5EF;}
#smnJanl2 {background-color: #2163BD;width: 6px;}
#smnJanl a:link {
    font-size: 12px;line-height: 18px;font-weight: bold;color: #0F4B89;
    background-image: url(/images/side/arrow_smnJanl.gif);background-repeat: no-repeat;background-position: left center;
    margin-left: 10px;padding-left: 8px;
    display: block;
}
#smnJanl a:visited {
    font-size: 12px;line-height: 18px;font-weight: bold;color: #0F4B89;
    background-image: url(/images/side/arrow_smnJanl.gif);background-repeat: no-repeat;background-position: left center;
    margin-left: 10px;padding-left: 8px;
    display: block;
}
#smnJanl a:hover {
    color: #EE6303;
    background-image: url(/images/side/arrow_smnJanl.gif);background-repeat: no-repeat;background-position: left center;
}

#smnJanl td {
    padding-top: 8px;padding-bottom: 8px;
    vertical-align: top;text-align: left;
    margin: 0px;padding: 0px;
}

/* ++++++++++  rank  ++++++++++ */

#rank {padding-right: 14px;text-align: left;margin-bottom: 10px;}
#rank a:link {padding-left: 9px;color: #003399;vertical-align: middle;display: block;}
#rank a:visited {padding-left: 8px;color: #003399;vertical-align: middle;display: block;}
#rank a:hover {color: #FF5900;}
#rank h2 {
    border-left-width: 6px;border-left-style: solid;border-left-color: #C45F7D;
    font-size: 12px;line-height: 23px;font-weight: bold;color: #C45F7D;
    padding-left: 6px;letter-spacing: 1px;margin: 0px;
    border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #C45F7D;
}
.rankP1 {
    font-size: 12px;line-height: 18px;color: #333333;text-align: left;background-color: #F2E3E5;
    border-right-width: 1px;border-right-style: solid;border-right-color: #C45F7D;
    margin: 0px;padding: 6px 0;
    width: 162px;
}
.rankP2 {
    font-size: 12px;line-height: 18px;color: #333333;text-align: left;background-color: #EAD0D3;
    border-right-width: 1px;border-right-style: solid;border-right-color: #C45F7D;
    margin: 0px;padding: 6px 0;
    width: 162px;
}

#wrank {padding-right: 14px;text-align: left;margin-bottom: 10px;}
#wrank a:link {padding-left: 9px;color: #003399;vertical-align: middle;display: block;}
#wrank a:visited {padding-left: 8px;color: #003399;vertical-align: middle;display: block;}
#wrank a:hover {color: #FF5900;}
#wrank h2 {
    border-left-width: 6px;border-left-style: solid;border-left-color: #6A9029;
    font-size: 12px;line-height: 23px;font-weight: bold;color: #6A9029;
    padding-left: 6px;letter-spacing: 1px;margin: 0px;
    border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #6A9029;
}
.wrankP1 {
    font-size: 12px;line-height: 18px;color: #333333;text-align: left;background-color: #E6EDD9;
    border-right-width: 1px;border-right-style: solid;border-right-color: #6A9029;
    margin: 0px;padding: 6px 0;
    width: 162px;
}
.wrankP2 {
    font-size: 12px;line-height: 18px;color: #333333;text-align: left;background-color: #D6E3BF;
    border-right-width: 1px;border-right-style: solid;border-right-color: #6A9029;
    margin: 0px;padding: 6px 0;
    width: 162px;
}
.rankCol333 {color: #333333;margin-right: 6px;}

#feature {
    padding-right: 14px;padding-bottom: 10px;margin-bottom: 10px;
    text-align: left;
}
#feature h2 {
    border-left-width: 6px;border-left-style: solid;border-left-color: #607CAE;
    font-size: 12px;line-height: 23px;font-weight: bold;color: #607CAE;
    padding-left: 6px;letter-spacing: 1px;margin: 0px;
    border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #607CAE;
}
.featureP1 {
    background-color: #E3EAF2;
    border-right-width: 1px;border-right-style: solid;border-right-color: #607CAE;
    padding-top: 10px;margin: 0px;text-align: center;
}
.featureP2 {
    background-color: #E3EAF2;
    border-right-width: 1px;border-right-style: solid;border-right-color: #607CAE;
    margin: 0px;padding-top: 10px;padding-bottom: 10px;
    text-align: center;
}

/* +++++  add  ++++ */
.featureP3 {
    background-color: #E3EAF2;
    border-right-width: 1px;border-right-style: solid;border-right-color: #607CAE;
    margin: 0px;padding-top: 5px;padding-bottom: 5px;
    text-align: center;
}

/* ++++++++++  main  ++++++++++ */

#main {
    text-align: left;
    vertical-align: top;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 15px;
}
#main h2 {
    font-size: 20px;font-weight: bold;color: #568405;line-height: 22px;
    margin-bottom: 15px;padding-bottom: 3px;
    border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #568405;
    letter-spacing: 3px;
}
#main h3 {
    border-left-width: 3px;border-left-style: solid;border-left-color: #719334;
    font-size: 14px;line-height: 18px;font-weight: bold;color: #555555;
    padding-left: 10px;margin: 0px 0px 5px;
}
#main h4 {
    font-size: 14px;font-weight: bold;color: #568405;line-height: 30px;
    border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #568405;
    padding-bottom: 3px;padding-left: 5px;margin: 0px;
    letter-spacing: 1em;display: inline;
    border-left-width: 3px;border-left-style: solid;border-left-color: #568405;
}
#main h5 {
    font-size: 20px;font-weight: bold;color: #568405;line-height: 22px;
    border-bottom-width: 1px;border-bottom-style: dotted;border-bottom-color: #568405;
    letter-spacing: 3px;
    padding-bottom: 3px;margin: 0px;
}
#main table {margin-bottom: 15px;}
#main td {text-align: left;vertical-align: top;}
td#mainBg {background-image: url(/images/main/shadow_bg.gif);background-repeat: repeat-x;background-position: top;}
.mainPh {padding:1px;}
.mainPh a:link {display:block;border:1px solid #333333;}
.mainPh a:visited {display:block;border:1px solid #333333;}
.mainPh a:hover {display:block;border:1px solid #FF6600;}
#search {
    margin-right: 14px;margin-left: 15px;margin-bottom: 15px;margin-top: 10px;
    border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #B2B2B2;
}
.indication {
    font-size: 11px;line-height: 16px;text-align: right;
    margin-top: 5px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;padding: 0px;
}
.listTb1 {
    border-top-width: 1px;border-top-style: solid;border-top-color: #719334;
    margin-bottom: 10px;
}
.listTd1 {
    font-size: 11px;line-height: 18px;color: #719334;background-color: #ECF2E0;
    border-right-width: 1px;border-bottom-width: 1px;border-right-style: dotted;border-bottom-style: solid;border-right-color: #719334;border-bottom-color: #719334;
    padding-left: 10px;padding-right: 5px;width: 110px;
}
.listTd2 {
    font-size: 11px;line-height: 18px;
    padding-left: 10px;
    border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #719334;
}
.capKakin {
    font-size: 11px;line-height: 14px;
    border-right-width: 1px;border-left-width: 1px;border-right-style: solid;border-left-style: solid;border-right-color: #5698D0;border-left-color: #5698D0;
    letter-spacing: 1em;text-align: right;
    margin-right: 4px;padding-left: 18px;padding-right: 4px;
}
.detailP {
    font-size: 15px;line-height: 18px;color: #666666;
    padding-left: 10px;margin-bottom: 40px;
}
.mgn0px {margin: 0px;padding: 0px;}




/* ++++++++++  listIndex  ++++++++++ */
a#init:hover     { text-decoration: none; background-color: #ccc }
a#init:link     { color: #0000ff; text-decoration: underline }
a#init:visited     { color: #800080; text-decoration: underline }
a#init:active     { color: #0000ff; text-decoration: underline }
a#init2:hover { 
    color: #E4A5B3;
    text-decoration: none;
    background-color: #ccc;
}
a#init2:link {
    color: #A94B61;
    text-decoration: none
}
a#init2:visited {
    color: #A94B61;
    text-decoration: none;
}
a#init2:active {
    color: #A94B61;
    text-decoration: none;
}
table#table2  {
    font-size : 18px ;
    font-weight : bold ;
    text-align: center ;
    padding-top: 4px;
    padding-bottom: 4px;
    border-style: solid;
    border-width: 5px 1px;
    border-color: #ccc
}

h9   { color: #333; font-size: 12px; text-decoration: none; margin-bottom: 4px }


/* ++++++++++  shouhin  ++++++++++ */
#shouhin { width: 95% }
#shouhin table { font-size: 12px; width: 95% }
#shouhin .pic  { background-color: #fff5ee; text-align: center; margin: 5px; padding: 5px; width: 20%; float: left; vertical-align: middle; border: solid 1px #c99 }
#shouhin .pic img { border: solid 1px #808080 }
#shouhin .miru { text-align: right }
#shouhin strong { color: #966; font-size: 27px; font-weight: normal; margin: 0; padding: 0 }


#searchA  { margin: 0; padding: 0; width: 98% }
#searchB  { font-size: 12px; margin-left: 50px; border-collapse: collapse }
.searchC    { background-color: #fffff0; white-space: nowrap; padding: 5px 25px 5px 10px; vertical-align: top; border-bottom: 1px solid #deb887 }
.searchD { padding: 5px 25px 5px 10px; vertical-align: top; border-bottom: 1px solid #deb887 }
/*----------*/
#Ttl  { background-image: url("/img/detailSearch/jr_03.jpg"); background-repeat: no-repeat; background-position: left 0; margin-bottom: 10px; padding-top: 25px; padding-bottom: 0; padding-left: 20px; width: 100%; height: 25px }
#Ttl strong { color: #ff4500; font-size: 25px; text-decoration: none }
.LineA { color: #6b8e23; text-decoration: none; margin-top: 0 }

/*--hasei---*/
.noitem{
    border: 1px solid #D7D7D7;
    padding: 10px;
    margin: 10px 0 10px 0;
}
.noitem p{
font-size: 14px;
line-height: 140%;
}

/*--topics2007---*/

#Topics { }
#Topics .top01   { background-color: #a9a9a9; background-image: url("../eic_include/img/topbg2.gif"); background-repeat: repeat-x; background-position: 0 center; text-align: center; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #dc143c; border-bottom: 1px solid #dc143c }
#Topics .top02 { font-size: 12px; line-height: 150%; width: 100%; border: solid 1px #dc143c; border-collapse: collapse }
.top02 td { background-color: #fff0f5; padding: 5px; vertical-align: top; border-bottom: 1px dotted #dc143c }

