@charset "UTF-8";
 
/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}
 
 
/* 一般・共通設定 */

body{
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	color: #666666;
    background-color: #F7F8EE;
	}
 
a{
	color: #79a6d2;
	}

a:hover{
	color:#4080bf;
	text-decoration: none;
	}
 
#wrapper{
    width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
	}
 
 section, article, aside, nav, header, main, footer {
    display: block;
    }


/* ヘッダー */

header{
    margin: 0 0 10px 0;
    text-align: center;
	}

header img{
	width: 100%;
	height: auto;
}

img#logo{
	width: 100%;
	height: auto;
	max-width: 255px;
}

header a:hover{
    filter:alpha(opacity=70);
    opacity:0.7;
}


/* パンくず */

#bread{
    font-size: 80%;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}


/* メインコンテンツ */

#main_content{
    width: 100%;
}   

#main_content h1 {
    font-size: 100%;
    border-left: 7px #d95483 solid;
    padding-left: 5px;
    margin-bottom: 10px;
    font-weight: bold;
}

#main_content h2 {
    font-size: 100%;
    border-left: 7px #d95483 solid;
    padding-left: 5px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#main_content h3 {
    font-size: 100%;
    border-left: 7px #D3CFBD solid;
    padding-left: 5px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#main_content p {
    font-size: 90%;
    padding: 0 5px;
    margin-bottom: 15px;
    line-height: 1.7;
}

#main_content ul,ol {
    margin-bottom: 15px;
    padding: 0 5px;
    font-size: 90%;
}

#main_content ul li{
    margin: 0 0 5px 0;
    line-height: 1.7;
    list-style-position: inside;
    list-style-image: url(../images/triangle.gif);
   
}

#main_content ol li{
    margin: 0 0 5px 0;
    line-height: 1.7;
    list-style-position: inside;
}

#main_content dl{
    margin-top: 20px;
}

#main_content dt{
    font-weight: bold;
    font-size: 90%;
    margin-bottom: 5px;  
    display: list-item;
    list-style-position: inside;
    list-style-image: url(../images/triangle.gif);
}

#main_content dd{
	font-size: 90%;
	line-height: 1.7;
    padding: 0 10px 0 18px;
    margin-bottom: 20px;
    list-style-position: inside;  
}

.data{
    margin: 0 5px;
    margin-bottom: 25px;
}

.data img {
	width: 100%;
	height: auto;
    max-width: 400px;
    padding: 5px;
    border: 1px solid #ccc; 
    -webkit-box-shadow: 2px 2px 4px #999;
    -moz-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999;
}	
	
.data li a{
    text-decoration: underline;
}

.data li a:hover{
    text-decoration: none;
}

.hikaku {
	font-size: 90%;
	width: 100%;
	margin-bottom: 25px;
	line-height: 1.7;
}

.hikaku caption {
	border: 1px solid #333333;
	border-bottom: none;
	padding: 4px;
	font-weight: bold;
}

.hikaku th,td {
	text-align: center;
	padding: 4px;
	border: solid 1px #333333;
	width: 50%;
}

.hikaku th {
	font-weight: bold;
}

.focus {
	color: #D95483;
	font-weight: bold;
}

.clear_left {
	clear: both;
}

#pict01 {
	float: left;
	width: 100%;
	height: auto;
    max-width: 150px;
    padding: 5px;
    border: 1px solid #ccc; 
    -webkit-box-shadow: 2px 2px 4px #999;
    -moz-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999;	
    margin-right: 20px;
}

#pict02{
	float: left;
	width: 100%;
	height: auto;
    max-width: 225px;
    padding: 5px;
    border: 1px solid #ccc; 
    -webkit-box-shadow: 2px 2px 4px #999;
    -moz-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999;	
    margin-right: 20px;
}

#pict03{
	width: 100%;
	height: auto;
    max-width: 200px;
    padding: 5px;
    border: 1px solid #ccc; 
    -webkit-box-shadow: 2px 2px 4px #999;
    -moz-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999;	
    margin-right: 20px;
}

#pict04{
	width: 100%;
	height: auto;
    max-width: 205px;
    padding: 5px;
    border: 1px solid #ccc; 
    -webkit-box-shadow: 2px 2px 4px #999;
    -moz-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999;	
    margin-right: 20px;
}


#pict05 {
	width: 100%;
	height: auto;
    max-width: 200px;
    padding: 5px;
    border: 1px solid #ccc; 
    -webkit-box-shadow: 2px 2px 4px #999;
    -moz-box-shadow: 2px 2px 4px #999;
    box-shadow: 2px 2px 4px #999;	
}


#pagetop img {
	width: 40px;
	height: 60px;
	position: fixed;
	bottom: 10px;
	right:1px;
}

#pagemenu img{
	width: 40px;
	height: 60px;
	position: fixed;
	bottom: 90px;
	right:1px;
}

#ad_bottom{
	text-align: center;
}


textarea {
	width: 100%;
	margin-bottom: 20px;
}

/*サイドバー*/

#side{
	width: 100%;
} 

#side h3{
    margin: 20px 0 10px 5px;
    font-weight: bold;
    text-align: center;
}

#side ul{
    margin: 0 20px 20px;
    text-align: center;
}

#side li{
    margin: 0 0 8px 0;
    line-height: 1.8;
    letter-spacing: 1px;
    font-size: 100%;
    border-bottom: dashed 1px #666666;
}

#side li a{
	display: block;
	
}

#ad_sidetop,#ad_sidebottom{
	text-align: center;
}

/* フッター */

footer:before{
    content: "";
    display: table;
    clear: both;
}

footer{
    width: 100%;
}

footer p{
    background: #666;
    margin: 20px auto 20px;
    padding: 5px;
    text-align: center;
    font-size: 80%;
    color: #ffffff;
    line-height: 1.6;
}

footer a{
    color: #ffffff;
    }
    
footer a:hover{
    color:#b7b7b6;
}


/*  PC向けのスタイル：769px～960px */
@media only screen and (min-width: 769px) {

#wrapper{
    width: 960px;
    margin: 0 auto;
    background-color: #ffffff;
}
 
/* ヘッダー */

header{
    margin: 0 0 20px;
    text-align: left;
	}

#logo {
       padding: 10px 0 0 10px;
}


/* パンくず */

#bread{
    font-size: 90%;
    padding-left: 10px;
    letter-spacing: 1px;
}


/* メインコンテンツ */

#main_content{
    width: 640px;
    float: right;
    }   

#main_content h1 {
    font-size: 125%;
    border-left: 10px #d95483 solid;
    padding-left: 10px;
    margin-bottom: 17px;
    letter-spacing: 2px;
    font-weight: bold;
}

#main_content h2 {
    font-size: 125%;
    border-left: 10px #d95483 solid;
    padding-left: 10px;
    margin: 25px 0 17px 0;
    letter-spacing: 2px;
    font-weight: bold;
}
#main_content h3 {
    font-size: 125%;
    border-left: 10px #D3CFBD solid;
    padding-left: 10px;
    margin: 0 0 10px 0;
    font-weight: bold;
}

#main_content p {
    font-size: 100%;
    padding: 5px 15px;
    margin-bottom: 15px;
    line-height: 1.8;
    letter-spacing: 1px;
}

#main_content ul,ol {
    margin-bottom: 30px;
    padding: 5px 10px;
    font-size: 100%;

}

#main_content ul li{
    margin: 0 0 5px 0;
    letter-spacing: 1px;
    line-height: 1.8;
    list-style-position: inside;
	list-style-image: url(../images/triangle.gif);
}

#main_content ol li{
    margin: 0 0 5px 0;
    letter-spacing: 1px;
    line-height: 1.8;
    list-style-position: inside;
}

#main_content dl{
    margin-top: 25px;
}

#main_content dt{
    letter-spacing: 1px;
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 10px;  
    display: list-item;
    list-style-position: inside;
    list-style-image: url(../images/triangle.gif);
}

#main_content dd{
    letter-spacing: 1px;
    font-size: 100%;
    line-height: 1.8;
    padding-left: 20px;
    margin-bottom: 20px;
    list-style-position: inside;  
}

.data{
    margin-left: 10px;
    margin-bottom: 40px;
}
.data li a{
    text-decoration: underline;
}

.data li a:hover{
    text-decoration: none;
}

.hikaku {
	font-size: 100%;
	width: 95%;
	margin-bottom: 25px;
	line-height: 1.7;
	letter-spacing: 1px;
}

.hikaku caption {
	border: 1px solid #333333;
	border-bottom: none;
	padding: 6px;
	font-weight: bold;
}

.hikaku th,td {
	text-align: center;
	padding: 6px;
	border: solid 1px #333333;
	width: 50%;
}

#pagetop{
    text-align: center;
}


/*サイドバー*/

#side{
	width: 320px;
	float: left;
} 
#side h3{
    border-left: 10px #d95483 solid;
    padding-left: 10px;
    margin: 0 0 15px 20px;
    letter-spacing: 1px;
    text-align: left;
    font-size: 125%;
}
#side ul{
    margin: 0 20px 30px;
    text-align: left;
}

#side li{
    margin: 0 30px 5px 0;
    line-height: 1.8;
    letter-spacing: 1px;
    border-bottom: dashed 1px #666666;
    padding-left: 20px;
}
#side li a{
    text-decoration: none;
}

#ad_sidetop,#ad_sidebottom{
    text-align: left;
    margin: 0 0 20px 0;
    padding: 0;
}

#bookmark{
    margin: 20px 20px 20px;
}

/* フッター */

footer:before{
    content: "";
    display: table;
    clear: both;
}

footer{
    width: 960px;
}

footer p{
    background: #666;
    width: 960px;
    margin: 50px auto 20px;
    padding: 5px;
    text-align: center;
    font-size: 80%;
    color: #ffffff;
    letter-spacing: 1px;
    line-height: 1.7;
}

footer a{
    color: #ffffff;
    text-decoration: none;
    }
    
footer a:hover{
    color:#b7b7b6;
}

}