common.css

/*==============================================================================
  Title       : Common Style
  Author      : Fumito Arakawa as Phize (http://phize.net/) and Geeklog Japanese
  Description : For All layout
                NOTE:
                  If Overwrite all property by using type selecter,
                  HTML format submited story style will be changed. 
                Setting HTML Element:
                  h1, h2, h3, h4, h5, h6,
                  p, blockquote, pre, div, font, tt, i, em, b, strong, code, span, 
                  a, ul, ol, li, table, caption, tbody, th, tr, td,
                  img, object, embed, param, script, noscript, hr, br
  Apply       : All
==============================================================================*/



/*--------------------------------------
  Common Style
--------------------------------------*/

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.25;
}

a {
  outline: 0;
}
a:link {
  color: #033987;
  text-decoration: none;
}
a:visited {
  color: #5c3566;
}
a:hover {
  text-decoration: underline;
}


/* Win IE 7 { */
*:first-child+html body {
  font-size: small;
}
/* } Win IE 7 */

/* Win IE 6 { */
* html body {
  font-size: small;
}
/* } Win IE 6 */

pre {
  overflow: auto;
}

/* Win IE 6 { */
* html pre {
  width: 95%;  /* Win IE 6(overflow property set auto: wide width max) */
}
/* } Win IE 6 */

/* Win IE 6(Font size for table) { */
table {
  border-spacing: 0;
  font-size: 100%;
}
/* } Win IE 6 { */

ul,
ol {
  list-style-position: inside;
}

fieldset {
  margin: 0 0 1em 0;
  padding: 8px;
  border: 1px solid #CCCCCC;
}

fieldset legend {
  display: inline;
  padding: 2px 4px;
}

form.basic fieldset{
 margin: 0;
 border: none;
}

form.basic legend {
 display: none;
}

img {
  vertical-align: bottom;
}

a img {
  border: none;
}

/* Mac(in Form 2 byte font display as europe fonts) { */
input,
select,
textarea {
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
/* font-family: arial,verdana,tahoma,helvetica,sans-serif; */
  font-family: Verdana, Arial, Meiryo, "Hiragino Kaku Gothic Pro", sans-serif;
}
/* } Mac */

/* Text Field */
input.text {
}

input[type="checkbox"] {
  margin: 0;
  padding: 0;
}

input[type="radio"] {
  margin: 0;
  padding: 0;
}

/* Submit Button */
input.submit {
}

option {
  padding-{right}: 4px;  /* Firefox */
}

iframe[width="100%"] {
  width: 99%;
}

/* Basic editor */
.user_basic {
  padding: 0.5em 2em;
}


/*--------------------------------------
  Skip
--------------------------------------*/

hr.separator {
  display: none;
}

.speech {
  overflow: hidden;
  position: absolute;
  {left}: -999px;
  width: 0;
  height: 0;
}



/*--------------------------------------
  Change Languages
--------------------------------------*/

form[name="change"] select[name="lang"],
form[name="change"] select[name="lang"] option {
  width: 99%;
  font-size: 95%;
}



/*--------------------------------------
  Page navigation
--------------------------------------*/

div.pagenav {
  text-align: center;
  line-height: 1.5;
}



/*--------------------------------------
  Plugin Alert
--------------------------------------*/

.pluginAlert {
  margin-bottom: 1em;
}



/*--------------------------------------
  Basic Form
--------------------------------------*/

form.basic {
  margin: 0;
  padding: 0;
}

/* Message */
form.basic p.message {
  margin: 0 0 1em 0;
  padding: 0;
}

/* Submit Button */
form.basic ul.submit {
  margin: 0;
  padding: 0;
}

form.basic ul.submit li {
  display: inline;
  margin: 0;
  padding: 0;
}



/*--------------------------------------
  Form(2 Culumn)
--------------------------------------*/

form.compact {
  margin: 0;
  padding: 0;
}

/* Message */
form.compact p.message {
  margin: 0 0 1em 0;
  padding: 0;
}

form.compact dl {
  margin: 0 0 1em 0;
  padding: 0;
}

/* Content generated by the float clear */
form.compact dl:after {
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* Win IE 6(Float Adjustment) { \*/
* html form.compact dl {
  height: 1%;
  overflow: visible;
}
/* } Win IE 6(Float Adjustment) */

form.compact dl dt {
  float: {left};
  clear: {left};
  width: 25%;
  margin: 0 0 0.5em 0;
  padding: 0;
}

form.compact dl dd {
  float: {left};
  width: 75%;
  margin: 0 0 0.5em 0;
  padding: 0;
}

/* Description */
form.compact dl dd.description {
  margin: -0.5em 0 0.5em 25%;
  padding: 0;
}

/* Win IE 6(Float left and right margin too wide) { */
* html form.compact dl dd.description {
  margin-{left}: 12.5%;
}
/* } Win IE 6 */

form.compact p.description,
form.compact div.description {
  margin: 0 0 1em 0;
  padding: 0;
}

/* input textarea(JavaScript Off) */
body.js_off form.compact input.text,
body.js_off form.compact textarea {
  width: 98%;
}

/* Submit Button */
form.compact ul.submit {
  margin: 0;
  padding: 0;
}

form.compact ul.submit li {
  display: inline;
  margin: 0;
  padding: 0;
}



/*--------------------------------------
  Form(1 Column)
--------------------------------------*/

form.linear {
  margin: 0;
  padding: 0;
}

/* Message */
form.linear p.message {
  margin: 0 0 1em 0;
  padding: 0;
}

form.linear dl {
  margin: 0 0 1em 0;
  padding: 0;
}

form.linear dl dt {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

form.linear dl dd {
  margin: 0 0 0.5em 0;
  padding: 0;
}

/* Description */
form.linear dl dd.description {
  margin: -0.5em 0 0.5em 0;
  padding: 0;
}

form.linear p.description,
form.linear div.description {
  margin: 0 0 1em 0;
  padding: 0;
}

/* Submit Button */
form.linear ul.submit {
  margin: 0;
  padding: 0;
}

form.linear ul.submit li {
  display: inline;
  margin: 0;
  padding: 0;
}



/*--------------------------------------
  Notes
--------------------------------------*/

form dl.notes {
  margin: 0 0 1em 0;
  padding: 8px;
  border: 1px solid #000000;
  background: #FFFFE1;
}

form dl.notes dt {
  margin: 0 0 0.5em 0;
  padding: 0 0 0 24px;
  border-bottom: 1px solid #000000;
  background: url(./images/icon_info.png) no-repeat 0 0;
  font-weight: bold;
}

form dl.notes dd {
}

form dl.notes dd ul {
  list-style-position: inside;
  margin: 0;
  padding: 0;
}

form dl.notes dd ul li {
  margin: 0;
  padding: 0;
}



/*--------------------------------------
  List Compact
--------------------------------------*/

ul.compact {
  margin: 0;
  padding: 0;
}

ul.compact li {
  display: inline;
  margin: 0;
  padding: 0;
}



/*--------------------------------------
  Page Navigation
--------------------------------------*/
.gl-pagenav {
  text-align: center;
  color: #CCC;
  margin: 0 0 1.5em;
}

.gl-pagenav a,
.gl-pagenav b {
  display: inline-block;
  margin: 1px;
  padding: 2px 7px;
  background: transparent;
  border: 1px solid #E7E7E7;
}

.gl-pagenav b {
  color: #222;
}

.gl-pagenav a:hover {
  background: #EEE;
  border: 1px solid #CCC;
}

.gl-pagenav span {
  display: inline-block;
  padding: 4px;
  line-height: 1.7;
  color: #999;
}

.gl-pagenav span a { 
  margin: 0;
  padding: 2px 0;
  background: transparent;
  border: none;
}

.gl-pagenav span a:hover {
  background: transparent;
  border: none;
}

/*--------------------------------------
  Breadcrumbs Navigation
--------------------------------------*/
.bc_navigation {
  margin: 1.12em 0;
}