@charset "utf-8";

body {
	color: #505f6e;
	background-color: white;
	margin: 20px;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	line-height: 1.5em; }
a img {
	border-style: none; }
li { line-height: 1.5; }
.iarigatotitle { background-color: #505f6e !important; margin: -20px -20px 10px; padding: 10px 20px; }
.mainbox h1  { color: white; font-size: x-large; font-weight: bold; line-height: 1.5em; background-color: #505f6e !important; clear: right; padding: 10px 15px; display: block; -webkit-border-radius: 10px; }

.mainbox h1 a {
	color: white;
	text-decoration: none; }

.mainbox h1 a:hover {
	color: #ff0; }

.mainbox h1 a:visited {
	color: white; }

.mainbox h1 a:visited:hover {
	color: #ff0; }

.HIDARIBOX { width: calc(100% - 200px); float: left; display: inline; color: #333; font-size: x-large; }
.naviad  { text-align: center; float: left; margin-top: 10px; list-style-type: none; display: inline; }
.naviad li { line-height: 0; padding-bottom: 10px; display: block; }
.menulist   { margin: 0 0 15px; padding: 0; list-style-type: none; }
.menulist a   { color: #505f6e; line-height: 1.5em; background-image: url(design/navi-arrow0.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; margin: 0; padding: 5px 0; border-bottom: 1px solid #c0c0c0; display: block; }
.menulist a:hover    { color: #505f6e; background-color: #d7d7d7; background-image: url(design/navi-arrow2.gif); background-repeat: no-repeat; background-position: right center; }
.menulist a:visited     { color: #505f6e }
.menulist a:visited:hover    { color: #505f6e; background-image: url(design/navi-arrow2.gif); background-repeat: no-repeat; background-position: right center; }

h2 { color: #505f6e; font-size: x-large; line-height: 2em; padding-top: 0; padding-bottom: 0; padding-left: 10px; border-left-color: #829196 !important; border-left-style: solid; border-left-width: 18px; display: inline; }


h3 a {
	color: white;
	text-decoration: none; }

h3 a:hover {
	color: #ff0; }

h3 a:visited {
	color: white; }

h3 a:visited:hover {
	color: #ff0; }

h4 { color: #505f6e; font-weight: bold ; line-height: 3em; clear: none; margin-left: 0; padding: 5px 20px 5px 5px; border-top: 1px solid #505f6e; border-left: 6px solid #505f6e; display: inline; }
.acc {
	line-height: 1.5em;
	padding: 5px;
	width: 100% ;
	margin-bottom: 20px;
	border-color: #5a5a5a;
	border-style: solid;
	border-width: 1px 2px 3px 1px; }
.acc th  { color: white; font-weight: bold; background-color: #789; background-image: url(image/acc-th.gif); background-repeat: repeat-x; background-position: 0 top; text-align: left; width: auto ; padding: 6px 8px; }
.acc .pic { vertical-align:top; width: 120px; padding: 5px; }
.acc .tok0 {}
.acc .tok1 { vertical-align: middle; width: 80px; padding: 5px; }
.acc .tok2 { vertical-align: top; padding: 5px; }
.acc .tai0 { background-color: #ededed; }
.acc .tai1 { vertical-align: middle; width: 80px; padding: 5px; }
.acc .tai2 { vertical-align: top; padding: 5px; }
.acc .han0 {}
.acc .han1 { vertical-align: middle; width: 80px; padding: 5px; }
.acc .han2 { vertical-align: top; padding: 5px; }
.acc .kak0 { background-color: #ededed; }
.acc .kak1 { vertical-align: middle; width: 80px; padding: 5px; }
.acc .kak2 { vertical-align: top; padding: 5px; }
.acc .tok2 a {
	font-size: 90%;
	background-image: url(image/arrrow-acc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	word-wrap: break-word; }
a { color: #407aaa }
a:hover { color: #960 }
a:visited { color: #933 }
a:visited:hover { color: #960 }
h6 { font-weight: lighter; font-size: small; padding-left: 1em }
em { font-style: normal; font-weight: bold }
dt { margin-top: 10px; }
dd { margin-top: 10px; margin-bottom: 30px; }

.accmenu     {
	padding: 5px;
	border: solid 2px #789;
	width: 100%  ;
	margin-top: 5px; }
.accmenu th  { color: white; font-size: 85%; font-weight: bold; background-color: #789; text-align: center; padding: 5px; width: auto  }
.accmenu td  { font-size: 70%; line-height: 1.3em; width: auto ; padding-right: 5px; padding-left: 5px; border-color: #a9a9a9; border-style: none solid none none; border-width: medium 1px 2px medium; }
.accmenu a   { text-decoration: none; padding: 3px; border-bottom: 1pt dashed gray; display: block; }
.accmenu a:hover   { color: white; background-color: gray; text-decoration: none; display: block; }

.accmenu h3   { color: white; font-weight: bold; font-style: normal; background-color: #505f6e; background-image: none; text-decoration: none; margin-top: 15px; margin-bottom: 5px; padding: 2px 6px; display: block; text-shadow: none; }
.accnew { float: right; padding-top: 5px; padding-bottom: 0; }

.hanrei     { font-size: smaller; padding: 5px; border: solid 2px #789; width: 100% }
.hanrei th  { color: white; font-weight: bold; background-color: #789; text-align: center; padding: 5px; width: auto }
.hanrei td  { padding: 5px; width: auto ; border-color: #a9a9a9; border-style: none solid solid none; border-width: medium 1px 2px medium; }
.hanrei .icon    { color: #708090; font-weight: bold; background-color: #dcdcdc }
#menu { }
#jumpmenu { padding-left: 0; list-style-type: none; }
.copyright {
	font-size: xx-small;
	line-height: 1.2em;
	text-align: center  }
.honbunbox {
	line-height: 1.5;
	margin-left: 185px; }
#now     { color: #ffc600; font-weight: bold ; background-image: url(design/navi-arrow1.gif); background-repeat: no-repeat; background-position: right center; }
.yokonavi   { font-size: 85%; margin-top: 10px; margin-left: 0; padding-left: 0; list-style-type: none; }
.yokonavi li { line-height: 200%; display: inline; }
.yokonavi a    { color: #505f6e; background-image: url(design/yokonavi-arrow0.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; margin-right: 5px; padding: 5px 5px 3px 25px; border-bottom: 2px solid #505f6e; white-space: nowrap; }
.yokonavi a:hover   { color: orange; background-image: url(design/yokonavi-arrow2.gif); border-bottom-color: orange; }
.yokonavi a:visited  {  }
.yokonavi a:visited:hover   {  }
#yokonavinow   { color: orange; background-image: url(design/yokonavi-arrow1.gif); border-bottom-color: orange; }


.model     { font-size: smaller; padding: 5px; border: solid 2px #789; width: 100% ; clear: right; }
.model th  { color: white; font-weight: bold; background-color: #789; text-align: center; padding: 0.2em 0.5em; width: auto }
.model td  { text-align: center; padding: 0.2em; border-top: #a9a9a9; border-right: 1px solid #a9a9a9; border-bottom: 2px solid #a9a9a9; border-left: #a9a9a9; width: auto }
.model .sedai    { color: #708090; font-weight: bold; background-color: #dcdcdc }
.model ul { line-height: normal; text-align: left; padding-left: 30px; }
.compatib     { font-size: smaller; padding: 5px; border: solid 2px #789; }
.compatib th  { color: white; font-weight: bold; background-color: #789; text-align: center; padding: 0.2em 0.5em; width: auto }
.compatib td  { text-align: center; padding: 0.2em; border-top: #a9a9a9; border-right: 1px solid #a9a9a9; border-bottom: 2px solid #a9a9a9; border-left: #a9a9a9; width: auto }
.compatib .sedai    { color: #708090; font-weight: bold; background-color: #dcdcdc }

.footad  { text-align: center;}
.genkou { color: #d2691e }
.migiad { float: right; clear: right; margin-right: 5px; margin-bottom: 20px; margin-left: 20px; }
.appicon { float: right; clear: right; margin-right: 5px; margin-bottom: 20px; margin-left: 20px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-box-shadow: 0px 4px 5px rgb(76, 86, 108);
	-moz-box-shadow: 0px 4px 5px rgb(76, 86, 108);
	-ms-box-shadow: 0px 4px 5px rgb(76, 86, 108);
	box-shadow: 0px 4px 5px rgb(76, 86, 108);
 }


.gglr { float: right; margin-left: 20px; border-left: 10pt solid white; }
.shop a { margin: 3px; padding: 2px; display: inline-table; }
.shop a:hover { background-color: gray; }
.modelcheck a { background-color: #ccc; margin: 10px; padding: 2px; display: inline-table; }
.modelcheck a:hover { background-color: #699; }
.whole { width: 100%; }
.pankuzu { font-size: smaller; }
.column { font-size: 90%; background-color: #f0f0d2; background-image: url(image/column-bg.gif); background-repeat: repeat-x; background-position: 0 top; padding: 5px 15px; width: auto ; clear: right; margin-right: 40px; margin-left: 40px; border-color: #7c6448; border-style: solid; border-width: 1px 2px 3px 1px; }
.column dt { color: #b80000; font-size: 110%; font-weight: bolder; background-image: url(image/memo2007.gif); background-repeat: no-repeat; background-position: left top; margin-bottom: 10px; padding-bottom: 5px; padding-left: 65px; border-bottom: 1pt dashed olive; }
.column dd { font-style: normal; margin-top: 5px; margin-bottom: 10px; margin-left: 5px; }
.es { line-height: 200%; margin-right: 50px; margin-left: 50px; }
.es p { margin-bottom: 2em; }
.smaller { font-size: 0.8em; }

.sponseredlink   { font-size: x-small; margin-left: 0; padding-left: 0; list-style-type: none; }
.sponseredlink li { display: inline; }
.sponseredlink a    { color: #787896; }
.footer { line-height: 1.2em; background-color: silver; clear: both; margin: -20px; padding: 20px; }

.reviews { line-height: 1.5em; width: 99%; margin-bottom: 20px; padding: 4px; border-color: #5a5a5a; border-style: solid; border-width: 1px 2px 3px 1px; display: table; }
.reviews h4  { color: white; font-size: medium; font-weight: bold; line-height: normal; background-color: #798; background-image: url(image/acc-th-reviews.gif); background-repeat: repeat-x; background-position: 0 top; float: none; margin: 3px; padding: 7px 8px; border-style: none; display: block; text-shadow: black 2px 2px 2px; }
.reviews img { float: left; margin: 4px; }
.reviews li img { float: none; }
.reviews ul { margin-top: 6px; margin-left: 140px; padding-left: 20px; list-style-position: outside; }
.reviews p a {
	font-size: smaller;
	background-image: url(image/arrrow-acc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 140px;
	padding-left: 20px;
	border-top: 1px dashed gray;
	display: block; }
.honbunbox table {
	line-height: 1.5em;
	width: auto; }
#aroundtheworld {
	font-size: smaller; }
.acc3 {
	width: 99%;
	margin-bottom: 20px;
	padding: 4px 4px 0;
	border-color: #5a5a5a;
	border-style: solid;
	border-width: 1px 2px 3px 1px;
	display: table; }
.acc3 h4  { color: white; font-size: medium; font-weight: bold; line-height: normal; background-color: #789; background-image: url(image/acc-th.gif); background-repeat: repeat-x; background-position: 0 top; float: none; margin: 3px; padding: 7px 8px; border-style: none; display: block; 	text-shadow: black 2px 2px 2px; }
.accimg {
	float: left;
	margin: 4px; }
.acc3 dl {
	padding-left: 140px; }
.acc3 dt {
	color: #699;
	font-size: small;
	font-weight: bolder;
	width: 5em;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0; }
.acc3 dd {
	margin: 0 5px 10px 4.5em;
	padding: 0 0 0 10px;
	border-left: 4px solid #699; }
.acc3 .tai2 img {
	margin: 2px; }
.acc3 .tok2 a {
	font-size: 90%;
	background-image: url(image/arrrow-acc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: inline;
	white-space: nowrap; }
.pickup { text-align: center; margin: 0; padding-top: 5px; padding-right: 1px; padding-left: 1px; list-style-type: none; }
.pickup li {
	line-height: 0;
	display: inline; }
.pickup img { margin: 4px; }
.menuname { color: #e8e4da; font-weight: bolder; line-height: 1.2em; background-color: #505f6e; text-align: left; margin-top: 10px; margin-bottom: 0; padding-top: 3px; padding-bottom: 3px; padding-left: 8px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
 }
.commeta {
	font-size: smaller;
	margin-left: 40px; }

#tb {
	font-size: small; }

.alignright img {
	float: right;
	clear: right;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 20px; }
.appstore { background-image: url(image/app-store-application.gif); background-repeat: no-repeat; background-position: right top; clear: right; margin: 30px; padding: 10px; border: solid 2px gray; }

.appstore dt { color: #699; font-size: small; font-weight: bolder; width: 5.5em; float: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.appstore dd { margin: 0 5px 10px 6em; padding: 0 0 0 10px; border-left: 4px solid #699; }
.softpr { background-color: white; background-repeat: repeat-x; background-position: 0 top; padding: 10px 20px; width: auto ; clear: right; margin: 20px; border: solid 1px gray; -webkit-border-radius: 10px;}
.softprtitle { font-size: 120%; font-weight: bolder; }
.softpr p { font-style: normal; line-height: 1.8em; margin-top: 5px; margin-bottom: 5px; margin-left: 175px; }
.softpr object { float: left; margin: 10px 10px 10px 0; }
.softpr img { float: left; margin: 10px 10px 10px 0; }
.postmetadata { color: gray; font-size: smaller; }
.retweet { margin-right: 10px; padding-top: 15px; }
.topsy { float: right; clear: right; margin-right: 5px; margin-bottom: 20px; margin-left: 20px; }
.ipadwallpaper img  { width: 256px; height: 256px; }
.moji {  -webkit-border-radius: 10px; background-color: #dcdcdc; margin: 5px; padding: 10px; }
.hitokoto { margin-top: 10px; padding-top: 10px; border-top: 1px dashed gray; }
.applebadge  { margin-top: 5px; padding-top: 5px; padding-bottom: 10px; border-bottom: 1pt solid gray; }

.appicon7 { float: right; clear: right; margin-right: 5px; margin-bottom: 20px; margin-left: 20px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-box-shadow: 0px 6px 7px rgb(76, 86, 108);
	-moz-box-shadow: 0px 6px 7px rgb(76, 86, 108);
	-ms-box-shadow: 0px 6px 7px rgb(76, 86, 108);
	box-shadow: 0px 6px 7px rgb(76, 86, 108);
 }

.acc4 { width: 99%; margin-bottom: 20px; margin-left: 2px; padding: 4px; display: table; -webkit-box-shadow: 0px 2px 5px rgb(117, 117, 117); -moz-box-shadow: 0px 2px 5px rgb(117, 117, 117); box-shadow: 0px 2px 5px rgb(117, 117, 117); -ms-box-shadow: 0px 2px 5px rgb(117, 117, 117); }

.acc4 h4  { color: #505f6e; font-size: 110%; font-weight: bold; line-height: normal; margin-right: 10px; margin-left: 210px; padding: 10px 0; border-bottom: 1px solid #505f6e; border-top-style: none; border-right-style: none; border-left-style: none; display: block; }
.acc4 p { margin-right: 10px; margin-left: 10px; }
.acc4 .accimg { margin: 10px 20px 20px 10px; }
.acc4 dl { clear: left; margin-right: 15px; margin-left: 12px; padding-top: 15px; border-top: 1px solid #505f6e; }
.acc4 dt { color: #505f6e; font-size: medium; font-weight: bolder; width: 5em; float: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.acc4 dd {
	margin: 0 5px 10px 4.5em;
	padding: 0 0 0 10px;
	border-left: 2px solid #505f6e; }
.acc4 .tai2 img {
	margin: 2px; }
.acc4 .tok2 a {
	font-size: 90%;
	background-image: url(image/arrrow-acc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: inline;
	white-space: nowrap; }
.casemidashi   { padding-left: 0; list-style-type: none; }
.casemidashi li a { color: white; font-size: x-large; font-weight: bold; background-color: #505f6e; text-decoration: none; margin: 20px; padding: 10px; display: block;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(140, 199, 250)),color-stop(1, rgb(44, 131, 219)));
	background-image: -moz-linear-gradient(-90deg,rgb(140, 199, 250) 0%,rgb(44, 131, 219) 100%);
	background-image: linear-gradient(-90deg,rgb(140, 199, 250) 0%,rgb(44, 131, 219) 100%);
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-box-shadow: 0px 3px 5px rgb(133, 133, 133);
	-moz-box-shadow: 0px 3px 5px rgb(133, 133, 133);
	box-shadow: 0px 3px 5px rgb(133, 133, 133);
	-ms-box-shadow: 0px 3px 5px rgb(133, 133, 133);

}

.casemidashi a:visited     { color: white }

.obilist { padding-left: 0; list-style-type: none; }
.obilist li a { background-color: #fff; background-image: url(design/obilistallow.svg); background-repeat: no-repeat; background-position: right center; text-decoration: none; padding: 10px 30px 10px 10px; border-top: 1px solid #708090; display: block; }

.acc5 { background-color: white; margin-bottom: 20px; padding: 4px; border: solid 1px gray; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.acc5 h3  { color: #505f6e; font-size: larger; font-weight: bold; line-height: normal; margin-right: 10px; margin-left: 210px; padding: 0 0 10px; border-bottom: 1px solid #505f6e; border-top-style: none; border-right-style: none; border-left-style: none; display: block; }
.acc5 p { font-size: large; line-height: 1.5; margin-right: 10px; margin-left: 210px; }
.acc5 .accimg { margin: 10px 20px 20px 10px; }
.acc5 dl { clear: left; margin-right: -5px; margin-left: -5px; padding-top: 15px; padding-right: 15px; padding-left: 15px; border-top: 1px solid #c0c0c0; }
.acc5 dt { color: #505f6e; font-size: medium; font-weight: bolder; width: 5em; float: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.acc5 dd { line-height: 2em; margin: 0 5px 10px 4.5em; padding: 0 0 0 10px; border-left: 2px solid #505f6e; word-break: break-all }
.acc5 .tai2 img {
	margin: 2px; }
.acc5 .tok2 a {
	font-size: 90%;
	background-image: url(image/arrrow-acc.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: inline;
	white-space: nowrap; }

p.resizeimage {
   max-width: 640px; /* 最大幅 */
   min-width: 480px; /* 最小幅 */
}
p.resizeimage img { width: 100vw; margin-top: 10px; margin-bottom: 5px; margin-left: -20px; }




.topad  {
   max-width: 468px; /* 最大幅 */
   min-width: 234px; /* 最小幅 */
	text-align:center;
}
.topad img { width: 90vw; height: 100%; margin-top: 10px; margin-bottom: 10px; }




.jumpnavigation a { text-align: center; display: block; border: solid 1px silver; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #505f6e; background-color: #fff; background-image: none; text-decoration: none; width: 100px; float: right; margin-top: -74px; padding: 8px 0; }
.jumpnavigation a:visited { color: #505f6e; }

.more-link { font-weight: normal; text-align: center; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-image: none; text-decoration: none; padding: 12px; border: solid 1px #708090; }
.GA { margin-top: 30px; margin-bottom: 30px; }

@media (min-width: 840px) {


.BOX3SET:after	{content: "";
	display: block;
	clear: both}

.BOX2SET	{float: left;
	width: calc(100% - 200px)}
	.BOX2SET:after	{content: "";
	display: block;
	clear: both}
	.MIGIBOX	{ float: left; width: 180px; }
	.HIDARIBOX	{ font-size: smaller; float: left; width: 160px }
	.KIJI { background-color: white; margin-top: 10px; margin-bottom: 20px; padding: 20px; border: solid 1px #c0c0c0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-box-shadow: 2px 2px 10px silver; }
	.KIJIacc { margin-top: 10px; margin-bottom: 20px; }
	.mainbox	{float: right;
	width: calc(100% - 180px)}
	body {
	background-color: #f0f0f0;

	}

.mainbox h1  { color: white; font-weight: bold; background-color: #505f6e !important; clear: right; margin-top: -20px; margin-right: -20px; margin-left: -20px; display: block; 
    -webkit-border-top-left-radius: 5px;  
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;

 }
.KIJIacc h1  { color: white; font-weight: bold; font-size: 110%; background-color: #505f6e !important; clear: right; margin-top: 30px; margin-right: 0; margin-left: 0; padding: 10px 15px; display: block; -webkit-border-radius: 10px; }
	.jumpnavigation a { color: #505f6e; background-color: #505f6e !important; border-color: #505f6e; }
	.jumpnavigation a:visited { color: #505f6e; }

p.resizeimage img { width: 100%; margin-bottom: 5px; margin-left: 0; }


.topad  {
	text-align: center; 
	padding-top: 5px;
	padding-bottom: 5px  }

.topad img { text-align: center; width: 100%; margin-bottom: 5px; }


}