@charset "utf-8";
/*
Theme Name: オリジナルテーマ
Theme URI: 
Description: オリジナルテーマ
Version: 1.0
Author: NAME
Author URI: 
*/

/************************************************************
 * reset css
************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * etc
************************************************************/

/* link */
a { color:#058DC7; text-decoration:none; outline:none; }
a:active,
a:hover { text-decoration:underline; }

/* float */
.fl    { float:left; }
.fr    { float:right; }
.clearfix { zoom:1; }
.clearfix:after { content:""; display:block; clear:both; }

/* color */
.color1 { color:#333; }
.color2 { color:#ED561B; }
.red { color:#C00;}
.blue { color:#36C;}
.green { color:#399;}
.yellow { color:#FF0;}
.orange { color:#F60;}

/* align */
.right { float:right; clear:both; text-align:right;}
.left { float:left; clear:both; text-align:left;}
.center { text-align:center;}

/* font-size */
.big { font-size:14px;}
.large { font-size:16px;}
.l_large { font-size:24px;}
.bold { font-weight:bold;}

/* text-decoration */
.line { text-decoration:line-through;}
.under { text-decoration:underline;}
/************************************************************
 * body
************************************************************/

body { color:#333; font-size:12px; font-family:sans-serif; line-height:1.4em; background:#def4ff url(/sp/images/common/back.gif) repeat-x; }

/************************************************************
 * article
************************************************************/

article { margin:0 auto; }

/************************************************************
 * header
************************************************************/

header h1 { color:#CCC; text-align:center; background:#000; font-size:10px; line-height:1.2em; }

/************************************************************
 * nav
************************************************************/

nav ul { display:block; overflow:hidden; clear:both; margin:0 auto; background:#000; font-size:12px;  }
nav li { display:block; float:left; text-align:center; width:24%; height:auto; padding:10px 0; border:#666 dotted 1px; }
nav li a { color:#FFF;}
nav li a:active,
a:hover { text-decoration:underline; color:#CCC; }
.nav_in { width:100%; margin:0 auto;}

/************************************************************
 * content
************************************************************/

#content { padding:5px; }
#content h1 { background:#000; color:#FFF; font-weight:bold; padding:10px; margin:2px 0 ;}

/************************************************************
 * section
************************************************************/

section { overflow:hidden; clear:both; margin-bottom:10px; background:#FCFCFC url(/sp/images/common/headline.jpg) top center repeat-x; padding:5px; border:#FFF 1px solid; border-radius:5px; }
section h2 { display:block; color:#36C; font-weight:bold; font-size:12px; line-height:25px; margin-bottom:2px; border-bottom:#36C 2px solid; padding:0; text-align:center; }
section h3 { display:block; color:#333; font-weight:bold; font-size:12px; line-height:20px; background:url(../images/common/title.png) no-repeat top left; padding-left:22px;}
.section_b { overflow:hidden;  }
.section_b strong { font-size:18px; font-weight:bold; line-height:1.6em; }
.backgroundcolor_b { background:#f0faff;}

.table_list { background:#fff; width:100%; margin:0 auto; text-align:center; }
.table_list .td01 { padding:3px 5px; background:#DEDEDE; }
.table_list .td01-2 { padding:3px 5px; background:#DEDEDE; }
.table_list .td02 { padding:3px 5px; }

.ex {}
.ex img { width:47%; float:left; margin:0 5px 5px 0;}
.ex a { color:#333;}
/************************************************************
 * slideshow
************************************************************/

.slideshow { margin:0 auto; overflow:hidden; width:100%; }
.slideshow img { display:none; width:100%; }

/************************************************************
 * post
************************************************************/

.post { margin-bottom:10px; padding-bottom:10px; overflow:hidden; clear:both; border-bottom:1px dotted #333; }
.post h3 { font-size:20px; line-height:1.6em; }
.date { color:#999; background:#EEE; margin-bottom:10px; padding:0 5px; }
.pager { overflow:hidden; clear:both; }

/************************************************************
 * aside
************************************************************/

.page_top { background:#FFF; border-radius:5px; box-shadow:#666 1px 1px 1px; padding:10px; margin:0 0 10px 0;}
.page_top a { color:#333;}
.footer_menu { background:#CCC; font-size:12px; padding:0 5px; text-align:center;}
.footer_menu a { color:#333;}
footer { padding:5px 0; clear:both; color:#CCC; font-size:12px; text-align:center; background:#000; }