@charset"UTF-8";

/***********************************************
************************************************
********* CSS for "www.codereview.jp"  *********
************************************************
************************************************
-----------------------------------------------*/



/* Base Stylesheet2
-----------------------------------------------*/

body {
background-color:#9de8f8;
font-size:12px;
}

* {
margin:0px;
padding:0px;
}

img {
border:0px;
}

h2 {
font-size:16px;
}


/* Layout Stylesheet
-----------------------------------------------*/

#wrapperBg {
width:770px;
height:100%;
background-image:url(/images/bg.jpg);
background-repeat:repeat-y;
margin:0px auto;
}

body > #wrapperBg {
height:auto;
}

#wrapper {
width:710px;
height:100%;
background-color:#ffffff;
margin:0px auto;
}

body > #wrapper {
height:auto;
}

#footerLine {
width:770px;
height:37px;
margin:0px auto;
}

/* Header Stylesheet
-----------------------------------------------*/

#header {
width:710px;
height:70px;
}

#headerLogoutLink {
margin-right:270px!important;
text-align:right;
padding: 3px!important;
background-color: #ffffcc;
}

#logo {
float:left;
width:117px;
height:34px;
margin-left:20px;
margin-top:20px;
background-image:url(/images/logo.jpg);
background-repeat:no-repeat;
}


/* nav Stylesheet
-----------------------------------------------*/

#nav {
width:710px;
height:30px;
clear:both;
}

#nav li {
float:left;
height:30px;
display:block;
}

.nav01, .nav01 a {
width:120px;
height:30px;
display:block;
background-image:url(/images/nav01.jpg);
text-indent:-3500px;
}

.nav02, .nav02 a {
width:80px;
height:30px;
display:block;
background-image:url(/images/nav02.jpg);
text-indent:-3500px;
}

.nav03, .nav03 a {
width:120px;
height:30px;
display:block;
background-image:url(/images/nav03.jpg);
text-indent:-3500px;
}

.nav04, .nav04 a {
width:190px;
height:30px;
display:block;
background-image:url(/images/nav04.jpg);
text-indent:-3500px;
}

.nav05, .nav05 a {
width:70px;
height:30px;
display:block;
background-image:url(/images/nav05.jpg);
text-indent:-3500px;
}

.nav06, .nav06 a {
width:130px;
height:30px;
display:block;
background-image:url(/images/nav06.jpg);
text-indent:-3500px;
}

a:focus{
/**/
	overflow: hidden;
/**/
}

/* mainvisual Stylesheet
-----------------------------------------------*/

#mainvisual {
width:710px;
height:460px;
clear:both;
}


#mainvisualYes{
width:710px;
height:460px;
clear:both;
background-image:url(/images/mainvisual01.jpg);
background-repeat:no-repeat;
}

.btYes {
width:207px;
height:60px;
position:relative;
top:380px;
left:251px;
}

#mainvisualNo{
width:710px;
height:460px;
clear:both;
background-image:url(/images/mainvisual02.jpg);
background-repeat:no-repeat;
}

.btNo {
width:207px;
height:60px;
position:relative;
top:280px;
left:251px;
}

/* content Stylesheet
-----------------------------------------------*/

#content {
width:670px;
height:100%;
margin:30px auto;
}

#content .txt {
margin:10px 0px;
line-height:135%;
}

#contentSecondary, #contentJirei {
width:670px;
margin-top:20px;
}

#contentSecondary p {
line-height:135%;
margin-top:5px;
margin-bottom:5px;
}

#contentHigai {
width:650px;
margin:20px auto;
}

#contentInquiry {
width:650px;
padding-top:20px;
margin:0px auto;
line-height:135%;
clear:both;
}

#contentInquiry table {
margin-left:auto;
margin-right:auto;
}

#contentInquiry table p {
margin:10px;
}

#contentFaq {
width:650px;
padding-top:20px;
margin:0px auto;
line-height:135%;
clear:both;
}

#contentFaq table p {
margin:10px;
}

#contentHigai p {
background-color:#f0efef;
padding:15px;
margin-top:10px;
margin-bottom:20px;
}

.jireiLeft {
width:170px;
float:left;
text-align:center;
}

.jireiLeft span {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

.jireiRight {
width:500px;
float:right;
background-color:#f5f1f1;
}

.jireiRight p {
margin:20px;
line-height:135%;
}

.jireiTtl {
font-weight:bold;
border-left:3px solid #666666;
margin:0px;
padding-left:5px;
color:#ff0000;
}

h1.ttl {
width:670px;
height:35px;
background-image:url(/images/ttl_bg.jpg);
background-repeat:no-repeat;
font-size:14px;
font-weight:bold;
padding-top:11px;
padding-left:10px;
}
.form_error {
color: #FF0000;
margin-top: 10px;
font-size: 11px;
}
.cmp {
text-align: center;
letter-spacing: 3px;
font-size: 20px;
margin-top: 100px;
}
.cmpsub {
text-align: center;
font-size: 14px;
margin-top: 20px;
margin-bottom: 80px;
}
.errmsg {
font-size: 15px;
margin: 10px 20px 100px 10px;
}
/* Hack For IE7 */

#topics {
width:670px;
margin-top:20px;
clear:both;
}

#topics li {
list-style-image:url(/images/icon.jpg);
margin-left:40px;
padding-left:5px;
margin-bottom:5px;
}

.faqTtl {
padding:10px;
font-weight:bold;
background-color:#f0efef;
}

.faqTxt {
margin:10px;
}

.lightup {
margin:20px;
background-color: #CCFFCC;
padding:10px;
font-weight:bold;
border:1px dotted #999999;
}
.inputFile {
color:#333333;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.4em;
border:1px solid #DDDDDD;
padding:3px;
margin:3px;
vertical-align:middle;
}
input, textarea {
color:#333333;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:1.4em;
border:1px solid #DDDDDD;
padding:3px;
margin:3px;
vertical-align:middle;
}

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

#footer {
width:710px;
background-color:#dff5f9;
text-align:center;
}

#footer p {
font-size:12px;
padding-top:20px;
padding-bottom:20px;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
}

#footerLogo {
text-align:center;
padding:20px;
}

#showAllTopicsLink{
    margin:20px;
    text-align:right;
}
#contentTopics{
    margin:20px;
}
#TopicsDetail{
    margin:20px;
}
#TopicsDate{
    text-align:right;
}
#TopicsTitle{
    font-size:14px;
    font-weight:bold;
    text-align:center;
}
.submitButton{
    text-align:center;
}
#contentCodeTransfer{
}
#contentCodeTransfer {
width:650px;
padding-top:20px;
margin:0px auto;
line-height:135%;
clear:both;
}

#contentCodeTransfer table {
margin-left:auto;
margin-right:auto;
}

#contentCodeTransfer table p {
margin:10px;
}