body{
	margin: 0;
	color: rgb(44, 44, 44);
	font-size: 15px;
	line-height: 1.8;

	height: 100%;
}

div#kaishaGaiyo {
	line-height: 2;
}

#kaishaGaiyo #tokuten ul {
	list-style: none;
	margin: 15px 0 20px;
	padding-left:27px;
}

#kaishaGaiyo #katsuyoExamples {
    margin-top: 19px;
     padding-left: 10px;
  }

  #kaishaGaiyo .tokutenParagraph {
  	width: 98%;
	margin: 0 auto;
}

#kaishaGaiyo #katsuyoExamples ul li {
}

#kaishaGaiyo h3 {
	color: orange;
}

#kaishaGaiyo #aboutOhikkoshiServiceImg {
	background-image: url(/css/box.png);
	width: 21%;
	margin-left: 23px;
	height: 152px;
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
}

#kaishaGaiyo #muryoNoRiyu {
	/* width: 70%; */
	/* float: left; */
	margin-bottom: 22px;
	margin-left: 11px;
}

.overflowHidden{
	overflow:hidden;
}

#kaishaGaiyo #aboutKantanMuryoImg {
	background-image: url(/css/notebook_boy.png);
	width: 25%;
	background-size: 100%;
	height: 283px;
	background-repeat: no-repeat;
	float: right;
	/* margin-top: 32px; */
	background-position: center center;
}

#kaishaGaiyo table {
	border: none;
	margin: 43px auto;
}

#kaishaGaiyo tr {
	height: 4em;
}

#kaishaGaiyo .MitsumoriButton {
	width: 225px;
	border-radius: 5px;
	text-align: center;
	margin: 20px auto 59px;
	line-height: 2.5;
}


#kaishaGaiyo .paragraph {
	width: 95%;
	margin: 21px auto 32px 23px;
}

#kaishaGaiyo #aboutKantanMuryo {
	width: 70%;
	float: left;
}

#kaishaGaiyo h2 {
	font-size: 17px;
	color: rgb(45, 45, 45);
	border-radius: 5PX 0;
	margin-top: 37px;
	padding: 0 10px;
	border-bottom:2px solid rgb(194, 194, 194);
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f0f0f0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #f0f0f0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #f0f0f0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #f0f0f0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(45deg,  #f0f0f0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	)
}

#mitsumoriForm #mitsumoriTexts {
	margin:31px 15px 40px;
}

html {
	height: 100%;
}

div#mitsumoriForm {
	height: 100%;
}

div#mitsumoriForm {}

#mitsumoriForm table {
	border-collapse: collapse;
}

#mitsumoriForm #submittr {
	border: none;
}

#mitsumoriForm form {
	margin: 34px auto;
	width: 96%;
}

#serviceDetailsList #mobileSiteSample {
	width: 391px;
	float: right;
	padding-top: 9px;
}

#serviceDetailsList #otoiawaseFormSamples {
	float: right;
}

#servicesBottom div {
	padding-bottom: 10px;
	font-size: 17px;
}

div#servicesBottom {
	text-align: center;
	margin-top: 34px;
}

#servicesBottom .omitsumoriFormSmall {
	margin: 0 auto;
	font-size: 20px;
}

a.sample {
	float: right;
	margin-right: 14px;
}

#otoiawaseFormSamples a.sample {
	float: none;
}

div#description {
	font-size: 15px;
	padding-top: 20px;
	margin: 0 49px;
}

#topLinks a {
	text-decoration: none;
	padding: 0 10px;
	color: white;
}

div#bottomMenu {
	text-align: center;
	padding-top: 60px;
}

#bottomMenu a:first-child {
	border-left: 3px solid rgb(255, 203, 108);
}

#bottomMenu a {
	text-decoration: none;
	border-right: 3px solid rgb(255, 203, 108);
	padding: 0px 21px;
}
.clear{
	clear:both;
}
div#MitsumoriForm {
	position: right;
}

span#topLinks {
	width: auto;
	float: right;
}

#topMenu {
}

#CWS a {
	color: white;
	font-weight: bold;
	float: left;
	font-size: 19px;
}

#topMenu {
	overflow: hidden;
	width: 100%;
}

dt {
	margin: 28px 0 10px;
	font-weight: bold;
}


#services ul {
	font-size: 16px;
	line-height: 1.7;
	list-style: none;
}

div#ServiceList {
	margin: 32px 16px 45px;
}



h1 {
	background-image: url(/css/flag.png);
	background-repeat: no-repeat;
	padding-left: 36px;
	color: rgb(250, 157, 43);
	text-shadow: 1px 1px 1px rgb(255, 255, 255);
	background-position: left 10px;
	background-size: 23px auto;
}



#container{
	width:760px;
	margin: -34px auto 0;
	/* background-color: white; */
	min-height: 95%;
}
#topBar{
	height: 37px;
	background-color: orange;
}
h1{
	font-size: 19px;
	color: orange;
	font-weight:bold;
}

#mitsumoriForm h1 {
	margin-top: 63px;
}


.MitsumoriButton{
	text-shadow: 1px 1px 3px white;
	background: #cdeb8e; /* Old browsers */
	background: -moz-linear-gradient(top,  #cdeb8e 0%, #a5c956 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cdeb8e 0%,#a5c956 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cdeb8e 0%,#a5c956 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 ); /* IE6-9 */
	)
	;
	border: 1px solid rgb(203, 203, 203);
}

.MitsumoriButton a:hover,#CWS a:hover {
	text-decoration: none;
}

#price .MitsumoriButton {
	width: 49%;
	line-height: 2.5;
	border-radius: 8px;
	margin: 10px auto;
}

#top .MitsumoriButton, #services .MitsumoriButton {
	width: 40%;
	margin: 0 auto;
	text-align: center;
	border-radius: 8px;
	margin-top: 28px;
	line-height: 2.5;
	font-size: 20px;
}

#services .MitsumoriButton {
	margin-top: 10px;
}

#header .MitsumoriButton{
	margin-top: 25px;
	float: right;
	line-height: 1.2;
	width: 143px;

	padding: 8px;
	border-radius: 7px;
	text-align: center;
	color: rgb(34, 84, 0);
	font-size: 20px;
}



#mitsumoriForm #header .MitsumoriButton {
	display: none;
}


#topImage{
	border: 2px solid rgb(182, 182, 182);
	background-image: url(/css/header.jpg);
	height: 237px;
	border-radius: 9px;
}

#tokuchos{
	margin: 70px auto 32px;
	text-align: center;
	width: 760px;
	display: table;
	border-collapse: separate;
	border-spacing: 20px 0;
}
.tokucho{
	display: table-cell;
	width: 105px;
	/* height: auto; */
	margin: 11px;
	border: 2px solid rgb(215, 215, 215);
	vertical-align:top;
	text-align:center;
	padding: 16px 21px;
	background-color: white;
	border-radius: 7px;
}

a {
	text-decoration: none;
}

a#LinkToPrice {
	float: right;
	margin-right: 10px;
}

.boxTitle, .boxTitle a{
	font-weight:bold;

	font-size: 16px;

	height: 90px;
	color: rgb(168, 10, 10);
	line-height: 1.5;
}

#tokuchos .PaddingTop {
	padding-top: 16px;
}

.boxTitle a {
	text-decoration: none;
}

.boxExp{
	/* margin-top:10px; */

	text-align: left;
}

.detail {
	padding-top: 17px;
	padding-bottom: 21px;
}

.detail{
	font-size:13px;
	text-align:left;
}
.boxExpList{
	text-align:left;

}

a#LinkToServices {
	float: right;
	margin-right: 10px;
}

.boxExpList ul{
	padding-left:17px;
	margin-bottom: 20px;
}

#footer
{background-color: #ffa100;

	color: white;
	font-size: 13px;
	margin: 0 auto;
	text-align: center;
	padding: 5px;

	bottom:0;
	width: 100%;
}

#priceChart table, #priceChart td, #priceChart th{
	border: 2px solid rgb(244, 218, 171);
	text-align: center;
}
#kaishaGaiyo td, #kaishaGaiyo th{
	border: 2px solid #FFFFFF;
	text-align: center;
}
#kaishaGaiyo td.TableBody {
	text-align: left;
	padding: 10px;
}

#kaishaGaiyo td.TableIndex {
	background-color: rgb(253, 231, 191);
	padding:10px;
}

input[type="text"] {
		padding: 3px;
			font-size:1.2em;
				width:95%;
			}
			input[type="submit"] {
					font-size:1.5em;
				}
				textarea {
					width:95%;
				}

				input {
				}

				#mitsumoriForm th {
					width:30%;
				}
				#mitsumoriForm td th {
					padding: 10px 15px;
				}

				#mitsumoriForm td {
					text-align: left;
				
					padding: 17px;
				}

				td#submit {
				}

				#mitsumoriForm td#submit {
					border: none;
					text-align: center;
				
					padding-top: 40px;
				}

				#priceChart td.bold {
					background-color: rgb(255, 244, 224);
					font-weight: normal;
				}

				#priceChart th, #mitsumoriForm th {
					background-color: rgb(255, 244, 224);
					font-weight: normal;
				
				}

				#mitsumoriForm th, #mitsumoriForm tr {
					border: 1px solid rgb(192, 190, 190);
				}

				#priceChart tr:first-child th {
					background-color: rgb(250, 181, 55);
				
					color: white;
					padding: 9px;
					line-height: 1.4;
				}

				#priceChart table{
					border-collapse:collapse;
					border-radius:5px;
				}

				#priceChart td, th{
					padding: 10px 15px;
				}

				#serviceDetails{
					width:20%;	
				}

				.titleStyle{
					color:orange;
					font-weight:bolder;
					font-size:15px;
				
				}

				#priceChart .titleStyle {
					color: white;
				}

				#services ul li {
					position: relative;
					padding-left: 10px;
				}
				#services ul li::after,#priceChart ul li::after {
					display: block;
					content: '';
					position: absolute;
					top: .5em;
					left: -1em;
					width: 8px;
					height: 3px;
					border-left: 2px solid #FFA500;
					border-bottom: 2px solid #FFA500;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}


				#serviceDetailsList #otoiawase {
					background-image: url(/css/mail.png);
				}



				#serviceDetailsList .serviceImage {
					width: 100px;
					height: auto;
					display: inline-block;
					background-repeat: no-repeat;
					padding: 10px;
				
					vertical-align:middle;
					min-height: 100px;
					margin-right:23px;
					padding:0;
					background-position:center center;
				}

				#serviceDetailsList #keitaiSite {
					background-image: url(/css/mobile.png);
				}

				#serviceDetailsList #mailMagazine {
					background-image: url(/css/mail_magazine.png);
				}

				#serviceDetailsList #keijiban {
					background-image: url(/css/bbs.png);
				}

				#serviceDetailsList #album {
					background-image: url(/css/album.png);
				}

				#serviceDetailsList #netshop {
					background-image: url(/css/netshop.png);
				}

				#serviceDetailsList #blog {
					background-image: url(/css/blog.png);
				}

				#serviceDetailsList .serviceExp{
					display:inline-block;
				
					width: 80%;
					vertical-align: middle;
				}

				.serviceTitle{
					font-weight:bold;
				
				
					font-size: 23px;
					color: rgb(229, 122, 0);
					margin: 6px 0;
				}	

				#serviceDetailsList p{
					padding:0;
					margin:0;
				}

				#serviceDetailsList .services{
					border: 5px solid rgb(255, 220, 157);
					border-radius:8px;
					padding: 13px 25px 29px;
					margin-top: 28px;
					background-color: white;
				}

				.note{
					font-size:13px;
					margin-top:5px;
				}

				#priceChart #dataKoshinryo {
					text-align: left;
				}



				.kyocho{
					font-weight:bold;
					color: rgb(242, 157, 0);
				}

				#services ul li a{
					text-decoration:none;
				}


				.bold{
					font-weight:bold;
				}

				#kaishaGaiyo .tokutenIndex {
					line-height: 4;
				}

				#serviceDetailsList #freepage{
				
					background-image: url(/css/free_page.png);
				}

				a:hover{
					text-decoration:underline;
				}

				.attention {
					color:#f00;
					padding:0 30px;
					margin:4px;
					background-image:url(https://css.hp-ez.com/css/parts/icon_attention.gif);
					background-repeat:no-repeat;
					background-position:0 center;
				}
				#kaishaGaiyo .logoImg{
					vertical-align:middle;
					padding:0 6px;
					width: 141px;
				}

				#kaishaGaiyo #mitsumoriFormText{
					text-align:center;
					padding:20px 0 0;
				}

				.underline{
					text-decoration:underline;
				}

				#kaishaGaiyo #tokuten>ul>li{
					position:relative;
					padding-left: 5px;
					margin: 0px 0px 19px;
				}

				#kaishaGaiyo #katsuyoExamples ul li {
					margin: 0;
					position:relative;
				}

				#kaishaGaiyo #tokuten>ul>li:after{
					display: block;
					content: '';
					position: absolute;
					top: 1.7em;
					left: -1em;
					width: 8px;
					height: 3px;
					border-left: 2px solid #FFA500;
					border-bottom: 2px solid #FFA500;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}

				#kaishaGaiyo #katsuyoExamples ul li:after {
					top: 0.6em;
					display: block;
					content: '';
					position: absolute;
					left: -1em;
					width: 6px;
					height: 6px;
					background-color: #FFA500;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}


