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


/* ▼PC用のスタイル */

/* --------------------------

	DEFAULT CSS
	
-------------------------- */
body { text-align:center; color:#4c4c4c; background-color:#fff7f7; }

html,body,h1,h2,h3,h4,h5,h6,p,blockquote,address,ol,ul,li,dl,dt,dd,table,th,td,form,input,textarea,select,option { margin:0px; padding:0px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif; font-size:14px; line-height:1.7; }

ul,ol,li { list-style:none; }

img { border:none; }

a:link,
a:visited { color:#4c4c4c; text-decoration:none; }
a:hover,
a:active { color:#4c4c4c; text-decoration:underline; }


/* --------------------------

	MODULE CSS
	
-------------------------- */
.clear { clear:both; }
br.clear { display:block; clear:both; height:1px; font-size:0px; line-height:1px; }

.left { float:left; }
.right { float:right; }

.txt_normal { font-weight:normal; }
.txt_bold { font-weight:bold; }

.txt_red { color:#F00; }
.txt_white { color:#fff; }
.txt_blue { color:#03F; }
.txt_orange { color:#f60; }
.txt_green { color:#008000; }
.txt_pink { color:#F6F; }

a.txt_red { color:#F00; }
a.txt_blue { color:#03F; }
a.txt_gray { color:#272727; }
a.txt_orange { color:#f78000; }

.txt_left { text-align:left; }
.txt_center { text-align:center; }
.txt_right { text-align:right; }

.v_top { vertical-align:top; }
.v_middle { vertical-align:middle; }
.v_bot { vertical-align:bottom; }

.txt10 { font-size:10px; }
.txt11 { font-size:11px; }
.txt12 { font-size:12px; }
.txt13 { font-size:13px; }
.txt14 { font-size:14px; }
.txt15 { font-size:15px; }
.txt16 { font-size:16px; }
.txt17 { font-size:17px; }
.txt18 { font-size:18px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.ml30 { margin-left:30px; }
.ml35 { margin-left:35px; }
.ml40 { margin-left:40px; }
.ml45 { margin-left:45px; }

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr25 { margin-right:25px; }
.mr30 { margin-right:30px; }
.mr35 { margin-right:35px; }
.mr40 { margin-right:40px; }
.mr45 { margin-right:45px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb25 { margin-bottom:25px; }
.mb30 { margin-bottom:30px; }
.mb35 { margin-bottom:35px; }
.mb40 { margin-bottom:40px; }
.mb45 { margin-bottom:45px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }

.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }

.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }


/* --------------------------

	SITE LAYOUT CSS
	
	1.wrapper
	2.header
	3.main
	4.content
	5.sidebar
	6.footer
	
-------------------------- */

/*
	#wrapper
*/
#wrapper { width:800px; margin:0 auto; text-align:left; border-left:1px solid #f0c0c0; border-right:1px solid #f0c0c0; background:#fff url(http://www.ndap.jp/images/bg_wrapper.gif) center top no-repeat; }


/*
	#header
*/
#header { }
#header h1 { font-size:22px; font-weight:normal; color:#c35aae; margin:0 205px 0 20px; padding:60px 0 20px; background:url(http://www.ndap.jp/images/bg_line.gif) left bottom repeat-x; }


/*
	#main
*/
#main { width:800px; margin:0 auto; padding:50px 0 50px; text-align:left; }
#main #content { float:left; display:inline; width:550px; margin-left:20px; }
#main #content h2 { font-weight:normal; font-size:18px; color:#343434; margin:0 0 10px; }
#main #content #tags { color:#7f7f7f; text-align:right; margin:0 20px; }
#main #content #tags span { padding-left:22px; background:url(http://www.ndap.jp/images/icon_tag.png) no-repeat; }
#main #content .inner { padding:20px 0 30px; }
#main #content .inner h3 { font-size:14px; color:#352315; margin-bottom:5px; }
#main #content .inner .pankuzu { font-size:10px; margin-bottom:20px; color:#5f5f5f; }

#main #content .inner .dec li { list-style:decimal; margin-left:20px; }

#main #content .inner .sentence { background-color:#ececec; margin:15px 0; padding:10px; }
#main #content .inner .sentence li { text-indent:-2em; margin-left:2em; }

#main #content .inner .chuki { text-indent:-1em; margin-left:20px; }

#main #content .pager { width:180px; height:20px; margin:0 auto; text-align:center; }
#main #content .pager li { font-size:10px; height:20px; }
#main #content .pager a { display:block; height:20px; line-height:20px; color:#fff; background-color:#c35aae; text-decoration: none; }
#main #content .pager a:hover,
#main #content .pager a:active { background-color:#f0c0c0; }
#main #content .pager .prev { width:80px; float:left; text-align:center; }
#main #content .pager .next { width:80px; float:right; text-align:center; }

#main #content table.tbl_none { border-collapse:collapse; }
#main #content table.tbl_none th { border-collapse:collapse; white-space:nowrap; text-align:left; vertical-align:top; font-weight:normal; }
#main #content table.tbl_none td { border-collapse:collapse; text-align:left; vertical-align:top; font-weight:normal; }
#main #content table.tbl_none p { }

#main #content table.tbl_style01 { border-collapse:collapse; border:1px solid #cfcfcf; }
#main #content table.tbl_style01 th { border-collapse:collapse; border:1px solid #cfcfcf; text-align:center; background-color:#f4f4f4; font-weight:normal; }
#main #content table.tbl_style01 td { border-collapse:collapse; border:1px solid #cfcfcf; text-align:center; background-color:#fff; }
#main #content table.tbl_style01 p { margin:3px 10px; }
#main #content table.tbl_style01 .primary th { text-align:center; background-color:#e5e5e5; font-weight:bold; }

#main #sidebar { float:right; display:inline; width:185px; margin-right:20px; }
#main #sidebar h3 { }
#main #sidebar ul { }
#main #sidebar li { list-style:square; color:#c35aae; margin:0 0 10px 20px; }
#main #sidebar li a { text-decoration:none; }
#main #sidebar li:hover a,
#main #sidebar li:active a,
#main #sidebar li.active a { color:#c35aae; }



/*
	#footer
*/
#footer { width:780px; margin:0 auto; padding:10px 0 30px; text-align:center; border-top:1px solid #f0c0c0; }
#footer address { font-style:normal; }



/* ▲PC用のスタイル */




/* ▼スマホ用のスタイル */
@media screen and (max-width: 640px) {
	body {
		width: 100%;
	}

	* {
		float: none;
		word-break: break-all;
	}

	p {
		padding: 0px 5px;
	}

	#wrapper,
	#main,
	#main #content,
	#main #sidebar,
	#footer {
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	#header h1 {
		width: 100%;
		margin: 0 205px 0 0px;
		padding: 60px 0 20px;
	}

	#wrapper {
		background-size:contain;
	}

	#main #content {
		margin-bottom: 20px;
	}
}
/* ▲スマホ用のスタイル */