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


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

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

	DEFAULT CSS
	
-------------------------- */
body { text-align:center; color:#303030; background:#ffeacc url(http://www.taiching.jp/images/bg_body.gif) repeat-x; }

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.8; }

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

img { border:none; }

a:link,
a:visited { color:#3976b7; text-decoration:none; }
a:hover,
a:active { color:#3976b7; 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.container
	4.content
	5.sidebar
	6.footer
	
-------------------------- */

/*
	#wrapper
*/
#wrapper { width:800px; margin:0 auto; padding-top:70px; }


/*
	#header
*/
#header { width:800px; height:203px; text-align:left; background:url(http://www.taiching.jp/images/bg_header.png) no-repeat; position:relative; }
#header h1 { color:#fff; font-size:22px; position:absolute; left:50px; top:75px; }
#header h1 strong { font-weight:normal; }


/*
	#container
*/
#container { width:800px; margin:0 auto; padding:20px 0 40px; text-align:left; background-color:#fff; }
#container #content { float:right; display:inline; width:540px; margin-right:20px; }
#container #content .content_body { width:540px; padding:0 0 40px; }
#container #content .content_body h2 { font-size:16px; color:#3976b7; margin-bottom:20px; }
#container #content .content_body h2 strong { font-weight:normal; }
#container #content .content_body h3 { font-size:14px; color:#352315; margin-bottom:5px; }
#container #content .content_body .pankuzu { font-size:10px; margin-bottom:20px; color:#5f5f5f; }
#container #content .content_body .man { color:#007bff; }
#container #content .content_body .women { color:#ff5252; }

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

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

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

#container #sidebar { float:left; display:inline; width:208px; margin-left:15px; }
#container #sidebar h3 { }
#container #sidebar li { border-left:5px solid #84acac; background-color:#fff5e6; line-height:1.6; margin-bottom:1px; }
#container #sidebar li a { display:block; padding:10px; text-decoration:none; color:#3976b7; }
#container #sidebar li a:hover,
#container #sidebar li a:active,
#container #sidebar li.active a { color:#6cb6ff; }


/*
	#footer
*/
#footer { width:800px; margin:0 auto; padding:10px 0 5px; text-align:center; }
#footer address { font-style:normal; color:#779b9b; }

.p_uteza{
font-size:15px;
font-weight:bold;
text-align:center;
margin-bottom:15px;
}

.p_uteza a{
color:#0000FF;
text-decoration:underline;
}

.p_uteza a:hover{
color:#FF0000;
text-decoration:none;
}


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




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

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

	p {
		padding: 0px 5px;
	}

	#wrapper,
	#header,
	#container,
	#container #content,
	#container #content .content_body,
	#container #sidebar,
	#footer,
	table {
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	#header {
		background-size: contain;
		height: 145px;
		margin-top: 25px;
	}

	#header h1 {
		font-size: 14px;
		left: 20px;
		top: 35px;
	}
}
/* ▲スマホ用のスタイル */