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

/* General Style Info */
body {
  font-family:"ＭＳ Ｐゴシック","Osaka","ヒラギノ角ゴ Pro W3",sans-serif;
  font-size:80%;
  color: #555555;
  margin: 0;
  text-align: center;
  line-height: 1.6;
}

img {
  border:none;
  overflow: hidden;
}

img a{
  overflow: hidden;
}

h1, h2, h3, h4 {
  font-weight: normal;
  font-size: 100%;
}

ul, li {
  list-style: none;
}

fieldset{
  border: none;
}

.clear{
  clear: both;
}


/********************************************
LINK
********************************************/
a {
  color: #8f593d;
  text-decoration: underline;
}
a:hover {
  color: #d16a1f;
  text-decoration:none;
}

.icon{
  padding-left: 8px;
  background: url(../img/common/icon_trigona.gif) no-repeat left center;
}

.link, ul.linkAll li{
  padding-left: 8px;
  background: url(../img/common/icon_trigona.gif) no-repeat left center;
}

.link02{
  padding-left: 8px;
  background: url(../img/common/icon_trigona.gif) no-repeat 0 7px;
}

ul.linkAll li{
background-position: 0px 6px;
}

.linkBlank{
  padding-right: 13px;
  background: url(../img/common/icon_linkblank.gif) no-repeat right center;
}

.linkBlank2{
  padding-right: 13px;
  background: url(../img/common/icon_linkblank.gif) no-repeat right center;
  _display:inline-block;
  _background-position:93% 82%;
}

/* for IE6,7 */
*+html .linkBlank2{
  display:inline-block;
  padding-right: 13px;
  background: url(../../img/common/icon_linkblank.gif) no-repeat right;
  background-position:93% 82%;
}


.linkPdf{
  padding-left: 23px;
  background: url(../img/common/icon_pdf.gif) no-repeat left center;
}

/********************************************
clearfix
********************************************/

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

.clearfix{display: inline-table;}

/* mac \*/
*+html .clearfix{height: 100%;}
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/*  */


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


.mrgTop10 {
  margin-top: 10px;
}

.mrgTop15 {
  margin-top: 15px;
}

.mrgTop20 {
  margin-top: 20px;
}

.mrgTop25 {
  margin-top: 25px;
}

.mrgTop30 {
  margin-top: 30px;
}

.mrgBtm5 {
  margin-bottom: 5px;
}


.mrgBtm10 {
  margin-bottom: 10px;
}


.padTop15 {
  padding-top: 15px;
}

.padBtm10 {
  padding-bottom: 10px;
}


/********************************************
 Layout
 ********************************************/
#container {
  width: 100%;
}

.header, .content, .footer{
  width: 990px;
  margin: 0 auto;
  text-align: left;
}

#bg{
  margin-top: 8px;
}

.headerList{
    font-size: 77%;
    }


.header{
  margin-top: 10px;
}

.header h1{
  width: 146px;
  float: left;
  margin-top: 5px;
}

.header div.header_tool{
  width: 370px;
  float: left;
  margin: 0 0 0 8px;
  display: inline;
}

.header p.startPage{
  font-size: 80%;
  margin:  0 0 9px 10px;
  padding: 0;
}

.header div.header_tool div.sharing{
  margin-top: 2px;
}

.header div.header_tool div.sharing p{
  background: url(../img/common/bg_dash.gif) repeat-x 0 0;
  float: left;
  margin-left: 12px;
  _margin-left: 6px;
  padding-top: 3px;
}

.header div.header_tool div.sharing ul{
  background: url(../img/common/bg_dash.gif) repeat-x 0 0;
  width: 112px;
  float: left;
  padding-top: 4px;
}

* html .header div.header_tool div.sharing ul{
  padding-top: 3px;
}

*:first-child+html .header div.header_tool div.sharing ul{
  padding-top: 4px;
}

html>/**/body .header div.header_tool div.sharing ul{
  padding-top: 4px;
}

.header div.header_tool div.sharing ul li{
  float: left;
  margin-left: 10px;
  padding-right: 0;
}

.header div.header_tool div.sharing ul li img {
  vertical-align: top;
}

.header .nav{
  width: 460px;
  float: right;
  text-align: right;
}

.header ul li{
  display: inline;
}

.header ul li {
  margin-left: 12px;
}

.subnav{
  margin-top: 10px;
}

.subnav li.beginner a{
  padding-left: 13px;
  background: url(../img/common/icon_beginner.gif) no-repeat left center;
}

.content{
  clear: both;
  padding: 25px 0;
  overflow: hidden;
}

.main{
  width: 650px;
  float: left;
}

.menu{
  width: 300px;
  float: right;
  overflow: hidden;
}

.noFlash{
  background:#FFF;
  padding-bottom:20px;
}

.footer {
  border-top:1px solid #cccccc;
  clear: both;
  padding: 6px 0;
  margin-bottom: 30px;
}

.footer ul{
  width: 830px;
  float: left;
}

.footer ul li{
  display: inline;
}

.footer ul li a{
  margin-right: 12px;
}

.footer p{
  width: 159px;
  float: right;
  text-align: right;
}

.toTop{
  text-align: right;
  clear: both;
}



/* ステータス注意文言  */

.small{
  color:#999;
  font-size:76%;
  margin-top: 8px;
}




/********************************************
 right_menu
 ********************************************/

#counterFlashWrap{
  margin-bottom: 8px;
}


/*  */

.loggedin p{
  font-weight: bold;
  background: url(../img/common/bg_dash.gif) repeat-x bottom;
  padding-bottom: 6px;
}


.loggedin ul.mypageTools li{
  background: url(../img/common/bg_dash.gif) repeat-x bottom;
  padding: 6px 0 8px;
}

.loggedin ul.mypageTools li a{
  padding-left: 8px;
  background: url(../img/common/icon_trigona.gif) no-repeat left center;
}

.loggedin ul.mypageTools li ul{ margin: 5px 0 5px 9px;}

.loggedin ul.mypageTools li li{ background: none; padding: 3px 0;}

.loggedin ul.mypageTools li li a{
  background: url(../img/common/bg_line.gif) no-repeat left center;
}

.loggedin ul.elseTools{
  text-align: right;
  margin: 5px 0 15px;
}

.loggedin ul.elseTools li{
  display: inline;
}

.loggedin ul.elseTools li a{
  margin-left: 8px;
}



/********************************************
 table
 ********************************************/


table{
  margin:15px auto 5px auto;
  border-collapse: collapse;
  border: 1px solid #ccc;
  width: 98%;
  font-size: 100%;
}

table th, table td{
  border: 1px solid #ccc;
  padding: 3px 4px;
}

table th{
  font-weight: normal;
  white-space: nowrap;
}

table thead th{
  text-align: center;
  background: #F7F0DF;
}

table tr.center, table th.center, table td.center{text-align: center;}
table tr.right, table th.right, table td.right{text-align: right;}
table tr.left, table th.left, table td.left{text-align: left;}
.nowResults{
  background-color: #FBFAF4;
}



/* Paging */
div.paging {
  background:#fff;
  color: #ccc;
  margin-bottom: 2em;
}
div.paging div.disabled {
  color: #ddd;
  display: inline;
}
div.paging span {
}
div.paging span.current {
  color: #000;
}
div.paging span a {
}

/* Scaffold View
dl {
  line-height: 2em;
  margin: 0em 0em;
  width: 60%;
}
dl.altrow {
  background: #f4f4f4;
}
dt {
  font-weight: bold;
  padding-left: 4px;
  vertical-align: top;
}
dd {
  margin-left: 10em;
  margin-top: -2em;
  vertical-align: top;
}
 */


/* Forms
form {
  clear: both;
  margin-right: 20px;
  padding: 0;
  width: 80%;
}
fieldset {
  border: 1px solid #ccc;
  margin-top: 30px;
  padding: 16px 20px;
}
fieldset legend {
  background:#fff;
  color: #e32;
  font-size: 160%;
  font-weight: bold;
}
fieldset fieldset {
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 16px 10px;
}
fieldset fieldset legend {
  font-size: 120%;
  font-weight: normal;
}
fieldset fieldset div {
  clear: left;
  margin: 0 20px;
}
form div {
  clear: both;
  margin-bottom: 1em;
  padding: .5em;
  vertical-align: text-top;
}
form div.input {
  color: #444;
}
form div.required {
  color: #333;
  font-weight: bold;
}
form div.submit {
  border: 0;
  clear: both;
  margin-top: 10px;
  margin-left: 140px;
}
label {
  display: block;
  font-size: 110%;
  padding-right: 20px;
}
input, textarea {
  clear: both;
  font-size: 140%;
  font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
  padding: 2px;
  width: 100%;
}
select {
  clear: both;
  font-size: 120%;
  vertical-align: text-bottom;
}
select[multiple=multiple] {
  width: 100%;
}
option {
  font-size: 120%;
  padding: 0 3px;
}
input[type=checkbox] {
  clear: left;
  float: left;
  margin: 0px 6px 7px 2px;
  width: auto;
}
input[type=radio] {
  float:left;
  width:auto;
  margin: 0 3px 7px 0;
}
div.radio label {
  margin: 0 0 6px 20px;
}
input[type=submit] {
  display: inline;
  font-size: 110%;
  padding: 2px 5px;
  width: auto;
  vertical-align: bottom;
}
*/
/* Notices and Errors */
div.message {
  clear: both;
  color: #900;
  font-size: 140%;
  font-weight: bold;
  margin: 1em 0;
}
div.error-message {
  clear: both;
  color: #900;
  font-weight: bold;
}
p.error {
  background-color: #e32;
  color: #fff;
  font-family: Courier, monospace;
  font-size: 120%;
  line-height: 140%;
  padding: 0.8em;
  margin: 1em 0;
}
p.error em {
  color: #000;
  font-weight: normal;
  line-height: 140%;
}
.notice {
  background: #ffcc00;
  color: #000;
  display: block;
  font-family: Courier, monospace;
  font-size: 120%;
  line-height: 140%;
  padding: 0.8em;
  margin: 1em 0;
}
.success {
  background: green;
  color: #fff;
}

/*  Actions  */
div.actions ul {
  margin: 0px 0;
  padding: 0;
}
div.actions li {
  display: inline;
  list-style-type: none;
  line-height: 2em;
  margin: 0 2em 0 0;
  white-space: nowrap;
}
div.actions ul li a {
  background:#fff;
  color: #003d4c;
  text-decoration: none;
}
div.actions ul li a:hover {
  color: #333;
  text-decoration: underline;
}

/* Related */
div.related {
  clear: both;
  display: block;
}

/* Debugging */
pre {
  color: #000;
  background: #f0f0f0;
  padding: 1em;
}
pre.cake-debug {
  background: #ffcc00;
  font-size: 120%;
  line-height: 140%;
  margin-top: 1em;
  overflow: auto;
  position: relative;
}
div.cake-stack-trace {
  background: #fff;
  border: 4px dotted #ffcc00;
  color: #333;
  margin: 0px;
  padding: 6px;
  font-size: 120%;
  line-height: 140%;
  overflow: auto;
  position: relative;
}
div.cake-code-dump pre {
  position: relative;
  overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
  color: #000;
  background-color: #F0F0F0;
  margin: 0px;
  padding: 1em;
  overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
  clear: both;
  font-size: 12px;
  line-height: 15px;
  margin: 4px 2px;
  padding: 4px;
  overflow: auto;
}
div.cake-code-dump span.code-highlight {
  background-color: #ff0;
  padding: 4px;
}
div.code-coverage-results div.code-line {
  padding-left:5px;
  display:block;
  margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
  background:#ecc;
}
div.code-coverage-results div.covered span.content {
  background:#cec;
}
div.code-coverage-results div.ignored span.content {
  color:#aaa;
}
div.code-coverage-results span.line-num {
  color:#666;
  display:block;
  float:left;
  width:20px;
  text-align:right;
  margin-right:5px;
}
div.code-coverage-results span.line-num strong {
  color:#666;
}
div.code-coverage-results div.start {
  border:1px solid #aaa;
  border-width:1px 1px 0px 1px;
  margin-top:30px;
  padding-top:5px;
}
div.code-coverage-results div.end {
  border:1px solid #aaa;
  border-width:0px 1px 1px 1px;
  margin-bottom:30px;
  padding-bottom:5px;
}
div.code-coverage-results div.realstart {
  margin-top:0px;
}
div.code-coverage-results p.note {
  color:#bbb;
  padding:5px;
  margin:5px 0 10px;
  font-size:10px;
}
div.code-coverage-results span.result-bad {
  color: #a00;
}
div.code-coverage-results span.result-ok {
  color: #fa0;
}
div.code-coverage-results span.result-good {
  color: #0a0;
}