/* 以下サイト情報を変更3か所（Theme Name/Theme URL/Author URI）



Theme Name: assist86675

Theme URL: http://www.tutorgig.com/

Author: Assist
Author URI: http://www.tutorgig.com/

Version: 3.0
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}
fieldset,iframe,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}


// 初期化


* { margin: 0; padding: 0; }


body {
	color: #343434;
	background:#eae8e1 !important;

	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif !important;
	font-size: 14px;
	margin: 0px auto 0px;
}





iframe,img {
	vertical-align: bottom;



}


.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}


.clearBoth {
	clear: both;
}


html {
   min-height: 100%;
   position: relative;
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1000px){

	text_img{
			width: 50%;
			margin: 5px !important;
	}

	.img-thumbnail {
    margin: 0 !important;
    width: 50%;
}




}

@media screen and (max-width:768px){


.allbox {
width: 100% !important;
}


.sidebnr {

    width: 97% !important;

}


}



@media screen and (max-width:700px){

#crmbox {

	width: 97% !important;
}
#crmbox img {

	width: 50%!important;
}

.wrappost {

	width: 100% !important;
}

.sitelist {

	float: none !important;
	width: 100% !important;
}



}




@media screen and (max-width:450px){



	.picbox img {

	    max-width: 298px !important;
			float: none !important;

	}


	#wrapArea img {

    margin-left: 0 !important;

		width: 96%;

		float: none !important;

}



.wrappost {

    width: 100% !important;

}



.minibox h3 {

	font-size: 15px !important;

}



#crmbox {

	width: 94% !important;

}



#crmbox h3 {

	font-size: 15px !important;

}


.caption img {

	width: 95% !important;

}

.allbox h2 {

	font-size: 14px !important;

}



#crmbox img {

    width: 100% !important;

}



.mainmenu {

	width: 100% !important;

	margin-bottom: 10px !important;

}



header h1 {

font-size: 12px !important;



}



.buttom li {

    width: 95% !important;

}





.siteinfo p {

    font-size: 12px;

}



}


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


	Links-Color


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


a:link {/*未訪問のリンク*/


	color: #343434;
	font-style: normal;
	text-decoration: none;


}


a:visited {/*訪問後のリンク*/
	color: #343434;
	font-style: normal;
}


a:hover {/*マウスをのせたとき*/
	color: #000;
	font-style: normal;
	text-decoration: none;
}


a:hover img {/*画像の透明度*/
	opacity: 0.8;
}


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


	Header


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


#headerArea {

    margin: 0 auto;

    top: 0;

    width: 100%;

		max-width: 1100px;

		position: relative;

}

#headerArea p {

	background: #9fc24d;

    color: #fff;

    margin-bottom: 0;

    padding: 2px;

    right: 45px;

    top: 5px;

		border: 5px solid #d1de4c;

		text-align: left;

}

#headerArea h1 {
	font-size: 14px;

	margin: 0;
	padding: 5px;
	color: #fff;
	text-align: center;
	background: #f3981d;

	overflow: hidden;

}



.siteinfo {

    background: #999 none repeat scroll 0 0;

}



.picbox a {
    display: block;
}

.picbox p {
    background: #fad09e none repeat scroll 0 0 !important;
}


.picbox img {

    float: left;

}


#wrapArea {

    display: block;
    margin: 0px auto 50px;
    max-width: 1100px;
    overflow: hidden;
}


#top {


	font-size: 16px !important;


}


#wrapcontent p {
    background: #ffff89 none repeat scroll 0 0;
		padding: 5px;
		font-size: 17px;
}


.headInner {
    overflow: hidden;
    width: 100%;
}




.boxtitle {

    margin-bottom: 5px;

		color: #fff;

		padding: 2px;

}



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


	Wrap


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





#contents img {
	float: left;
}


#crmbox h1 {

border-bottom: 1px solid #ea618e;
font-size: 19px;


}


.text_img {

    margin: 5px;
    padding: 5px;
}

.text_img img {
	float: right;
	margin: 2px;
}


.minibox p {
	    font-size: 15px !important;
    padding: 3px !important;
		line-height: 1.7 !important;
		letter-spacing: 0.1em !important;
		background: #fff !important;
		color: #000 !important;
		text-align: left;
		margin-bottom: 0;

}

.caption img {

    padding: 5px;
		display: block;
		float: right;
}

.ttl {

    font-size: 19px;
		color: #000;
}

.wrappost {

    display: block;
    overflow: hidden;

		width: 70%;

		float: right;

}



/*--------------------------
	category
----------------------------*/

#category {
    background: #ffff89 none repeat scroll 0 0;
		margin-bottom: 15px;
		overflow: hidden;
}

.category_name {
    padding: 5px;
    text-align: left;
		color: #000;
		background: #e95464;
		border-radius: 9px 9px 0 0;
}

#category li {
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    float: left;
    margin: 13px;
    width: 31%;
}

#category li a {
	color: #000;
	font-size: 18px;
	display: block;
}




.index-title {
    background: #9fc24d none repeat scroll 0 0;
		border: 4px solid #d1de4c;
    border-radius: 10px;
    font-size: 17px;
    margin-bottom: 5px;
    padding: 5px;
		color: #fff;
		line-height: 1.6;
}

#crmbox a {

	color: #e8383d;

}



.ttl a {

	color: #fff !important;

}

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



mainContent



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


.caption {

    margin-bottom: 15px;
		padding: 5px;
		font-size: 18px;
		letter-spacing: 1.5px;
		line-height: 1.5;

		border-radius: 15px;

}




.caption a {

	color: #0068b7;

}



.caption p {

    text-align: left;

}



.caption h3 {

    border-bottom: 2px solid #001e43;

    padding: 3px;

    text-align: left;

}

.minibox span {
    font-size: 18px;
    margin-top: 0;
    text-align: center;
		color: #000;
		border-bottom: 2px solid #000;
}
.index_title p {

    font-size: 23px !important;

		border-bottom: 1px solid #999;

}




.pointer {


    text-align: center !important;


}


.pointer a {
    background: #fff3b8 none repeat scroll 0 0;
    padding: 5px;
		display: block;
		color: #000 !important;
}



#crmbox h2 {

    margin-bottom: 0;
		color: #000 !important;

		margin-top: 0;
		font-size: 18px;

		letter-spacing: 0.1em;
		line-height: 1.7;

		background: #9fc24d;

		border: 4px solid #d1de4c;

}



.minibox a {
    color: #ea5549;
}
/*--------------------------

	box

----------------------------*/
.allbox {
    float: right;
}

.allbox h2 {
    background: #ffdc00 none repeat scroll 0 0;
		border-left: 15px solid #c1ab05;
    font-size: 18px;
    margin: 5px;
    padding: 5px;
		color: #000;
}


#crmbox {

    background: #fff none repeat scroll 0 0;

    border-radius: 25px;

    margin-bottom: 5px;

    padding: 10px;

}


#crmbox p {

    font-size: 16px;
    letter-spacing: 1.5px;
    line-height: 1.6;
		text-align: left;
}

#crmbox img {

		float: left;
		margin-right: 5px;
}




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


	side


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



.sidebox h2 {
    background: #f6ae54 none repeat scroll 0 0;
    font-size: 22px;
    padding: 5px;
}



.sidebox p {

    background: #a0d8ef none repeat scroll 0 0;

    font-size: 19px;

    padding: 5px;

}



.sidebnr {

    background: #fff none repeat scroll 0 0;

		padding: 2px;

		border-radius: 10px;

		margin-bottom: 10px;

}



.sidebnr a {

    font-size: 13px;

		display: block;

		padding: 5px;

		color: #fff;

}



.sidebox h3 {

    font-size: 18px;

    margin-top: 0;

    padding: 5px;

		background: #3cb37a;

		color: #fff;

}

.subcrm li {
    border: 1px solid #999;
    font-size: 18px;
    padding: 15px;
    text-align: left;
		list-style: outside none none;
}

.sitelist {

    overflow: hidden;
		margin-bottom: 10px;

		width: 28%;

		float: left;

}

.sidebnr li {

    background: #9fc24d none repeat scroll 0 0;

    margin: 5px;

		border: 4px solid #d1de4c;

}


.block_title {
    border-bottom: 2px solid #ff3300;

}

.catdate {

    padding: 5px;
		color: #000;

		font-size: 16px !important;

		border-bottom: 2px solid #f3981d;

}



.side-rightside h2 {

	background: #2e2e2e none repeat scroll 0 0;

	border: 3px solid #e83929;

	color: #e83929;

	font-size: 17px;

	padding: 2px;



}



.wrappersub a:hover {
	color: #hhh;
}
.wrappersub a {
    color: #000;
    font-size: 18px;
}



.sitelist h2 {
    font-size: 17px;
		background: #597a34;
		color: #fff;
		padding: 2px;
}

.buttom a {
	display: block;
}
/*--------------------------

	Notes

----------------------------*/
.Notice {
    margin-bottom: 5px;
		background: #fff;
}

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


	footer


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


#footer {
    background: #f3981d none repeat scroll 0 0;
		padding: 5px 0;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}


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


	breadcrumb


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


.breadcrumbs {
	font-size: 15px;
	padding: 5px;
	list-style: outside none;
	padding: 5px;
	margin: 0;
	text-align: left;
}


.breadcrumbs li {
	float: left;
	padding: 0 5px;
}


.breadcrumbs li::after {
	content: "/";
	margin-left: 0.5em;
	color: #000;
}


.breadcrumbs li:last-child::after {
	display: none;
}


.row {
margin-left: 0 !important;
margin-right: 0 !important;
}


span {
	color: #000;
}