@charset "utf-8";
/*
Theme Name: xoops x dennou_sample
Theme URI: http://www.www.www/
Description: This is my sample theme.
*/

/*--- reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, font dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html {
  overflow-y: scroll;
}
img {
  vertical-align: top !important;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
input, textarea, {
 margin: 0;
 padding: 0;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th {
  text-align: left;
}
a:focus {
  outline: none;
}

/*--- default */
body {
  font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  -webkit-text-size-adjust: 100%;
  background: #EEEEEE;
  color: #333333;
  font-size: 62.5%;
  line-height: 1.6;
}
* html body {  /* for IF6 */
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/*テキストシャドウ {
  text-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ {
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
*/

/*ボックスシャドウ内側 {
  -moz-box-shadow: inset 1px 1px 3px #000;
  -webkit-box-shadow: inset 1px 1px 3px #000;
  box-shadow: inset 1px 1px 3px #000;
}
*/

/*角丸 {
  border-radius: 10px; 
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px; 
}
*/

/*トランジション {
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}
*/

/*透明 {
  filter: alpha(opacity=25);
  -moz-opacity:0.25;
  opacity:0.25;
}
*/

/*背景のみ透明 {
  background-color:rgba(255,255,255,0.2);
}
*/

/*グラデーション {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
  background-image: -moz-linear-gradient(top, #ffffff, #000000);
  background-image: -ms-linear-gradient(top, #ffffff, #000000);
  background-image: -o-linear-gradient(top, #ffffff, #000000);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
  background-image: -webkit-linear-gradient(top, #ffffff, #000000);
  background-image: linear-gradient(top, #ffffff, #000000);
}
*/



/*----------------------------------------------------
汎用クラス
----------------------------------------------------*/

/* ホバー70％*/
.al_hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* width */
.w01 {width: 1em;}
.w02 {width: 2em;}
.w03 {width: 3em;}
.w04 {width: 4em;}
.w045 {width: 4.5em;}
.w05 {width: 5em;}
.w06 {width: 6em;}
.w07 {width: 7em;}
.w08 {width: 8em;}
.w09 {width: 9em;}
.w10 {width: 10em;}
.w11 {width: 11em;}
.w12 {width: 12em;}
.w13 {width: 13em;}
.w14 {width: 14em;}
.w15 {width: 15em;}
.w16 {width: 16em;}
.w17 {width: 17em;}
.w18 {width: 18em;}
.w19 {width: 19em;}
.w20 {width: 20em;}
.w22 {width: 22em;}
.w23 {width: 23em;}
.w24 {width: 24em;}
.w29 {width: 29em;}
.w30 {width: 30em;}
.w31 {width: 31em;}
.w15p {width: 15%;}
.w20p {width: 20%;}
.w25p {width: 25%;}
.w30p {width: 30%;}
.w35p {width: 35%;}
.w40p {width: 40%;}
.w45p {width: 45%;}
.w49p {width: 49%;}
.w50p {width: 50%;}
.w55p {width: 55%;}
.w60p {width: 60%;}
.w65p {width: 65%;}
.w70p {width: 70%;}
.w75p {width: 75%;}
.w80p {width: 80%;}
.w85p {width: 85%;}
.w90p {width: 90%;}
.w95p {width: 95%;}
.w100p {width: 100%;}

/*マージン*/
.m0 {margin: 0px;}

.mb0 {margin-bottom:0px;}
.mb05 {margin-bottom:0.5em;}
.mb1 {margin-bottom:1em;}
.mb2 {margin-bottom:2em;}
.mb3 {margin-bottom:3em;}
.mb4 {margin-bottom:4em;}
.mb5 {margin-bottom:5em;}
.mb6 {margin-bottom:6em;}
.mb7 {margin-bottom:7em;}
.mb8 {margin-bottom:8em;}
.mb9 {margin-bottom:9em;}
.mb10 {margin-bottom:10em;}
.mb15px {margin-bottom:15px;}
.mb30px {margin-bottom:30px;}


.mt0 {margin-bottom:0px;}
.mt05 {margin-top:0.5em;}
.mt1 {margin-top:1em;}
.mt2 {margin-top:2em;}
.mt3 {margin-top:3em;}
.mt4 {margin-top:4em;}
.mt5 {margin-top:5em;}
.mt6 {margin-top:6em;}
.mt7 {margin-top:7em;}
.mt8 {margin-top:8em;}
.mt9 {margin-top:9em;}
.mt10 {margin-top:10em;}

.ml0 {margin-bottom:0px;}
.ml1 {margin-left:1em;}
.ml2 {margin-left:2em;}
.ml3 {margin-left:3em;}
.ml4 {margin-left:4em;}
.ml5 {margin-left:5em;}
.ml6 {margin-left:6em;}
.ml7 {margin-left:7em;}
.ml8 {margin-left:8em;}
.ml9 {margin-left:9em;}
.ml10 {margin-left:10em;}

.mr0 {margin-bottom:0px;}
.mr1 {margin-right:1em;}
.mr2 {margin-right:2em;}
.mr3 {margin-right:3em;}
.mr4 {margin-right:4em;}
.mr5 {margin-right:5em;}
.mr6 {margin-right:6em;}
.mr7 {margin-right:7em;}
.mr8 {margin-right:8em;}
.mr9 {margin-right:9em;}
.mr10 {margin-right:10em;}


/*パディング*/
.p0 {padding: 0px;}
.p5px {padding: 5px;}
.p10px {padding: 10px;}

.pb0 {padding-bottom:0px;}
.pb05 {padding-bottom:0.5em;}
.pb1 {padding-bottom:1em;}
.pb2 {padding-bottom:2em;}
.pb3 {padding-bottom:3em;}
.pb4 {padding-bottom:4em;}
.pb5 {padding-bottom:5em;}
.pb6 {padding-bottom:6em;}
.pb7 {padding-bottom:7em;}
.pb8 {padding-bottom:8em;}
.pb9 {padding-bottom:9em;}
.pb10 {padding-bottom:10em;}

.pt0 {padding-top:0px;}
.pt05 {padding-top:0.5em;}
.pt1 {padding-top:1em;}
.pt2 {padding-top:2em;}
.pt3 {padding-top:3em;}
.pt4 {padding-top:4em;}
.pt5 {padding-top:5em;}
.pt6 {padding-top:6em;}
.pt7 {padding-top:7em;}
.pt8 {padding-top:8em;}
.pt9 {padding-top:9em;}
.pt10 {padding-top:10em;}

.pl0 {padding-left:0px;}
.pl1 {padding-left:1em;}
.pl2 {padding-left:2em;}
.pl3 {padding-left:3em;}
.pl4 {padding-left:4em;}
.pl045 {padding-left:4.5em;}
.pl5 {padding-left:5em;}
.pl6 {padding-left:6em;}
.pl7 {padding-left:7em;}
.pl8 {padding-left:8em;}
.pl9 {padding-left:9em;}
.pl10 {padding-left:10em;}
.pl11 {padding-left:11em;}
.pl12 {padding-left:12em;}
.pl13 {padding-left:13em;}
.pl14 {padding-left:14em;}
.pl15 {padding-left:15em;}
.pl16 {padding-left:16em;}
.pl17 {padding-left:17em;}
.pl18 {padding-left:18em;}
.pl19 {padding-left:19em;}
.pl20 {padding-left:20em;}
.pl22 {padding-left:22em;}
.pl23 {padding-left:23em;}
.pl24 {padding-left:24em;}
.pl29 {padding-left:29em;}
.pl30 {padding-left:30em;}
.pl31 {padding-left:31em;}

.pr0 {padding-right:0px;}
.pr1 {padding-right:1em;}
.pr2 {padding-right:2em;}
.pr3 {padding-right:3em;}
.pr4 {padding-right:4em;}
.pr5 {padding-right:5em;}
.pr6 {padding-right:6em;}
.pr7 {padding-right:7em;}
.pr8 {padding-right:8em;}
.pr9 {padding-right:9em;}
.pr10 {padding-right:10em;}


/*フォントサイズ*/
.fsb115 {font-size:1.15em;}
.fsb13 {font-size:1.3em;}
.fsb15 {font-size:1.5em;}
.fss1 {font-size:0.85em;}
.fsp80 {font-size:80%;}
.fsp85 {font-size:85%;}
.fsp90 {font-size:90%;}
.fsp110 {font-size:110%;}
.fsp120 {font-size:120%;}
.fsp130 {font-size:130%;}


/*行間*/
.lh13 {line-height:1.3;}
.lh15 {line-height:1.5;}
.lh16 {line-height:1.6;}
.lh18 {line-height:1.8;}
.lh2 {line-height:2;}


/*先頭字下げ*/
.indent {text-indent:1em;}
.indent2 {text-indent:2em;}
.indent3 {text-indent:3em;}

/*マーカー付インデント*/
.maker {padding-left:1em;	text-indent:-1em;}


/*inline 位置*/
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}


/*両端揃え*/
.justify {text-align:justify;	text-justify:distribute-all-lines;}
/*半角文字強制改行 ieのみ*/
.justify {word-break:break-all;}

/* 非表示 */
.nondisp {display: none;}


/* フォントスタイル */
.fstylen {font-weight: normal;}
.fstyleb {font-weight: bold;}
.fstylered {color: #FF0000;}
.fstylebleu {color: #0000FF;}
.fstylebrown {color: #663300;}
.fstylewhite {color: #FFFFFF;}

/* バックグラウンド */
.bgcolorpink {background:#FF3366;}

/* ボーダー（dashed） */
.bo_dashed_top {
	border-top: 1px dashed #BBBBBB;
}
.bo_dashed_right {
	border-right: 1px dashed #BBBBBB;
}
.bo_dashed_bottom {
	border-bottom: 1px dashed #BBBBBB;
}
.bo_dashed_left {
	border-left: 1px dashed #BBBBBB;
}

/* emスタイル */
.em_waku {
	border: 1px solid #66CC00;
	padding: 2px;
}
.em_under {
	text-decoration: underline;
}
.em_under2 {
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #333333;
}