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


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

@charset "utf-8";


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

	DEFAULT CSS
	
-------------------------- */
body { text-align:center; color:#333; background-color:#666; }

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:12px; line-height:1.8; }

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

img { border:none; }

a:link,
a:visited { color:#0000ff; text-decoration:underline; }
a:hover,
a:active { color:#333; 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; }

@charset "utf-8";


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

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

/*
	#header
*/
#header { width:100%; height:140px; background:url(http://www.ts-sharoushi.com/images/bg_header.gif) repeat-x; }
#header #header_wrapper { width:810px; height:140px; margin:0 auto; text-align:left; background:url(http://www.ts-sharoushi.com/images/bg_shadow.png) repeat-y; }
#header #header_body { width:800px; height:140px; margin:0 auto; position:relative; background:url(http://www.ts-sharoushi.com/images/bg_header_body.gif) repeat-x; }
#header h1 { font-size:22px; line-height:140px; margin-left:20px; }


/*
	#wrapper
*/
#wrapper { width:810px; margin:0 auto; text-align:left; background:url(http://www.ts-sharoushi.com/images/bg_shadow.png) repeat-y; }


/*
	#container
*/
#container { width:800px; margin:0 auto; padding:40px 0 10px; background:url(http://www.ts-sharoushi.com/images/bg_container.gif) repeat-y; }
#container #content { float:right; width:520px; display:inline; margin-right:20px; }
#container #content .content_body { width:520px; margin-bottom:40px; }
#container #content .content_body h2 { font-size:16px; border-top:5px solid #000; color:#000; margin-bottom:20px; padding-top:5px; }
#container #content .content_body h3 { font-size:14px; margin-bottom:10px; color:#000; }

#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:#000; text-decoration: none; }
#container #content .pager a:hover,
#container #content .pager a:active { background-color:#333; }
#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_style01 { border-collapse:collapse; border:1px solid #cfcfcf; }
#container #content table.tbl_style01 th { border-collapse:collapse; border:1px solid #cfcfcf; }
#container #content table.tbl_style01 td { border-collapse:collapse; border:1px solid #cfcfcf; }
#container #content table.tbl_style01 p { margin:3px 10px; }
#container #content table.tbl_style01 th { text-align:center; background-color:#e5e5e5; }
#container #content table.tbl_style01 td { text-align:center; }

#container #sidebar { float:left; width:220px; display:inline; margin-left:10px; }
#container #sidebar h3 { font-size:16px; border-top:5px solid #999; padding-top:5px; color:#000; }
#container #sidebar li { margin-top:15px; line-height:1.6; }
#container #sidebar li.active a { color:#777; }


/*
	#footer
*/
#footer { width:800px; margin:0 auto; padding:10px 0 30px; border-top:3px solid #2b73d4; background-color:#666; text-align:center; }
#footer address { font-style:normal; color:#fff; }

.pokup{
font-size:15px;
font-weight:bold;
text-align:center;
}
.pokup a{
color:#0000FF;
text-decoration:underline;

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

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

	#header h1 {
		line-height: 90px;
		padding-top: 20px;
	}

	#container {
		background:none;
	}

	#wrapper {
		background: none; 
		background-color: #FFFFFF;
	}

	#sidebar {
		background-color:#E5E5E5;
	}
}
@media screen and (max-width: 400px) {
	body {
		width: 100%;
	}

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

	p {
		padding: 0px 5px;
	}

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

	#header h1 {
		line-height: 40px;
		padding-top: 20px;
	}

	#container {
		background:none;
	}

	#wrapper {
		background: none; 
		background-color: #FFFFFF;
	}

	#sidebar {
		background-color:#E5E5E5;
	}
}
/* ▲スマホ用のスタイル */